Foxtable(狐表)用户栏目专家坐堂 → 网络监视器中定义了cookie如何在html中直接赋值与引用呢?


  共有5433人关注过本帖树形打印复制链接

主题:网络监视器中定义了cookie如何在html中直接赋值与引用呢?

帅哥哟,离线,有人找我吗?
cnsjroom
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1571 积分:11238 威望:0 精华:0 注册:2021/1/17 17:06:00
网络监视器中定义了cookie如何在html中直接赋值与引用呢?  发帖心情 Post By:2022/4/19 14:54:00 [只看该作者]

网络监视器中定义了cookie如何在html中直接赋值与引用呢? 

现在定义了两个cookie  分别是姓名  id 

html代码如下:

<div class="layui-col-md4">
  <div class="layui-form-item">
   <label class="layui-form-label">持有人</label>
   <div class="layui-input-block">
    <input type="text" name="持有人" id="持有人"  lay-verify="" value="" placeholder="" autocomplete="off" class="layui-input ">
   </div>
  </div>
 </div>

怎么写持有人等于cookie(“姓名”)呢?让页面这个持有人对应的显示这个值  并提交后  直接写入数据库后台表中


 回到顶部
帅哥,在线噢!
有点蓝
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:111414 积分:567140 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2022/4/19 15:00:00 [只看该作者]


 回到顶部
帅哥哟,离线,有人找我吗?
cnsjroom
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1571 积分:11238 威望:0 精华:0 注册:2021/1/17 17:06:00
回复:(有点蓝)https://www.baidu.com/baidu?ie=UTF...  发帖心情 Post By:2022/4/19 15:11:00 [只看该作者]

avascript 操作 Cookie 包括设置、读取、修改和删除,它们都没有现存的方法,需要自己写代码并封装成方法;为方便使用,以下已经分享了它们。

1、js设置Cookie
function setCookie(cookName, cookValue, expireHours){
  var CookieStr = cookName + "=" + escape(cookValue);
  //不设定过期时间,浏览器关闭时,Cookie自动消失
    if(expireHours > 0){
    var date = new Date();
      var ms = expireHours * 3600 * 1000;
    date.setTime(date.getTime() + ms);
      str += "; expires=" + date.toGMTString();
    }
    document.cookie = CookieStr;
  }
调用方法:setCookie("myCookie","menu1",2);

 
2、js读取Cookie
function getCookie(cookName){
  var cookieStr = document.cookie.split(";");
  for (var i = 0; i < cookieStr.length; i++){
    var val = cookieStr[i].split("=");
    if (escape(cookName) == val[0])
      return unescape(val[1]);
    }
    return null;
  }
调用方法:getCookie("myCookie");

 

3、js删除Cookie
function delCookie(CookName){
  var date = new Date();
    date.setTime(date.getTime() - 10000);
  var val = getCookie(cookName);
    if(val != null)
      document.cookie= cookName + "=;expires=" + date.toGMTString();
  }
调用方法:delCookie("myCookie");

 

 

 

还是不得要领  老师可以指导下不呢


 回到顶部
帅哥,在线噢!
有点蓝
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:111414 积分:567140 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2022/4/19 15:20:00 [只看该作者]

2楼链接可以搜出几十上百篇相关的文章,如果看一篇看不懂,就多看几篇,比如:https://www.runoob.com/js/js-cookies.html

 回到顶部
帅哥哟,离线,有人找我吗?
cnsjroom
  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1571 积分:11238 威望:0 精华:0 注册:2021/1/17 17:06:00
回复:(有点蓝)2楼链接可以搜出几十上百篇相关的文章...  发帖心情 Post By:2022/4/19 15:44:00 [只看该作者]

html代码如下:

<div class="layui-col-md4">
  <div class="layui-form-item">
   <label class="layui-form-label">持有人</label>
   <div class="layui-input-block">
    <input type="text" name="持有人" id="持有人"  lay-verify="" value="" placeholder="" autocomplete="off" class="layui-input ">
   </div>
  </div>
 </div>

 

上述代码怎么操作呢?让持有人  的值自动等于  getCookie("myCookie") 并显示出来呢?

 下载信息  [文件大小:   下载次数: ]
图片点击可在新窗口打开查看点击浏览该文件:desktop.zip
附上html和js麻烦老师指导下 怎么操作   谢谢!

 回到顶部
帅哥,在线噢!
有点蓝
  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:111414 积分:567140 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2022/4/19 15:50:00 [只看该作者]

document.getElementById("持有人").value = getCookie("myCookie")

 回到顶部
帅哥哟,离线,有人找我吗?
cnsjroom
  7楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1571 积分:11238 威望:0 精华:0 注册:2021/1/17 17:06:00
回复:(有点蓝)document.getElementById("持有人")....  发帖心情 Post By:2022/4/20 18:51:00 [只看该作者]

还是没有得到要领  麻烦老师指导下 写法  谢谢!

login页面代码:

<!DOCTYPE html>
<html>
<head>
 <script>if (window !== top) top.location.replace(location.href);</script>
 <meta charset="utf-8"/>
 <meta http-equiv="X-UA-Compatible" c>
 <meta name="viewport" c>
 <link rel="icon" href="../../../assets/images/logo.ico">
 <title>用户登录 - 管理系统</title>
 <link rel="stylesheet" href="../../../assets/libs/layui/css/layui.css"/>
 <link rel="stylesheet" href="../../../assets/module/admin.css">
 <link rel="stylesheet" href="./login.css">
</head>
<body>
 <div class="login-wrapper layui-anim layui-anim-scale layui-hide">
  <form class="layui-form">
   <h2>用户登录</h2>
   <div class="layui-form-item layui-input-icon-group">
    <i class="layui-icon layui-icon-username"></i>
    <input class="layui-input" name="username" placeholder="请输入登录账号" autocomplete="off"
        lay-verType="tips" lay-verify="required">
   </div>
   <div class="layui-form-item layui-input-icon-group">
    <i class="layui-icon layui-icon-password"></i>
    <input class="layui-input" name="password" placeholder="请输入登录密码" type="password"
        lay-verType="tips" lay-verify="required">
   </div>
   <div class="layui-form-item layui-input-icon-group login-captcha-group">
    <i class="layui-icon layui-icon-auz"></i>
    <input class="layui-input" name="code" placeholder="请输入验证码" autocomplete="off"
     lay-verType="tips" lay-verify="required">
    <canvas class="layui-input login-captcha" style="padding-left: 0;"></canvas>
   </div>
   <div class="layui-form-item">
    <button class="layui-btn layui-btn-fluid" lay-submit>登录</button>   

'怎么在这个地方写入 setCookie("myCookie","username",2); 将上面的username 的值写入mycookie中呢?
   </div>
  </form>
 </div>
 <div class="login-copyright">copyright ? 2020 管理系统 all rights reserved.</div>
 <!-- js部分 -->
 <!-- Javascript -->
 <script src="assets/js/jquery-1.11.1.min.js"></script>
 <script src="assets/bootstrap/js/bootstrap.min.js"></script>
 <script src="assets/js/jquery.backstretch.min.js"></script>
 <script src="assets/js/retina-1.1.0.min.js"></script>
 <script src="assets/js/scripts.js"></script>
        <script src="assets/js/test.js"></script>
 <!--[if lt IE 10]>
 <script src="assets/js/placeholder.js"></script>
 <![endif]-->
 <script src="../../../assets/libs/layui/layui.js"></script>
 <script src="../../../assets/js/login.js"></script>
</body>
</html>

 

 

 

document.getElementById("持有人").value = getCookie("myCookie") 怎么写在下面的代码中呢   下面的红色部分写法是否正确?

财产页面代码

<div class="layui-fluid" xmlns:event="http://www.w3.org/1999/xhtml">
 <div class="layui-card">
  <form class="layui-form toolbar layui-form-pane" id="order" style="color: #B896E8" id="order" lay-filter="userForm">
      
 <fieldset class="layui-elem-field" style="margin-top: 20px;">
  <legend>填报人持有基金情况</legend>
 
 <div class="layui-col-md4">
  <div class="layui-form-item">
   <label class="layui-form-label">持有人</label>
   <div class="layui-input-block">
    <input type="text" name="持有人" id="持有人"  lay-verify="" value=getCookie("myCookie")  placeholder="" autocomplete="off" class="layui-input ">
   </div>
  </div>
 </div>
</div>

 

</script>
<script src="assets/test.js"></script>
<script src="assets/libs/uuid/Math.uuid.js"></script>
<script src="assets/js/smallToBig.js"></script>
<script src="assets/js/zd/chiyoujijin_add.js"></script>    <!-- js功能文件 -->

[此贴子已经被作者于2022/4/20 21:02:45编辑过]

 回到顶部
帅哥,在线噢!
有点蓝
  8楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:111414 积分:567140 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2022/4/21 8:49:00 [只看该作者]

 </div>
</div>

 

</script>
<script src="assets/test.js"></script>
<script src="assets/libs/uuid/Math.uuid.js"></script>
<script src="assets/js/smallToBig.js"></script>
<script src="assets/js/zd/chiyoujijin_add.js"></script>    <!-- js功能文件 -->

<script>document.getElementById("持有人").value = getCookie("myCookie")</script>


 回到顶部
帅哥哟,离线,有人找我吗?
cnsjroom
  9楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1571 积分:11238 威望:0 精华:0 注册:2021/1/17 17:06:00
回复:(有点蓝) </div></div>&nbs...  发帖心情 Post By:2022/4/21 9:20:00 [只看该作者]

老师:

<script>document.getElementById("持有人").value = getCookie("myCookie")</script>

这里出现的持有人 字样  是不是对应下面的id 持有人呢?

下面的红色部分代码要做什么修改不呢?

  <div class="layui-input-block">
    <input type="text" name="持有人" id="持有人"  lay-verify="" value=“” placeholder="" autocomplete="off" class="layui-input ">
   </div>

 

 


 回到顶部
帅哥,在线噢!
有点蓝
  10楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:111414 积分:567140 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2022/4/21 9:25:00 [只看该作者]

帮助以外的知识学会网上搜索:https://www.baidu.com/baidu?ie=UTF-8&word=getElementById

下面的红色部分代码不需要做什么修改

 回到顶部
总数 16 1 2 下一页