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


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

主题：网络监视器中定义了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（“姓名”）呢？让页面这个持有人对应的显示这个值  并提交后  直接写入数据库后台表中
 回到顶部
帅哥哟，离线，有人找我吗？
cnsjroom
 小大  2楼 | 信息 | 搜索 | 邮箱 | 主页 | 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");

 

 

 

还是不得要领  老师可以指导下不呢
 回到顶部
帅哥哟，离线，有人找我吗？
cnsjroom
 小大  3楼 | 信息 | 搜索 | 邮箱 | 主页 | 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麻烦老师指导下 怎么操作   谢谢！
 回到顶部
帅哥哟，离线，有人找我吗？
cnsjroom
 小大  4楼 | 信息 | 搜索 | 邮箱 | 主页 | 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编辑过]
 回到顶部
帅哥哟，离线，有人找我吗？
cnsjroom
 小大  5楼 | 信息 | 搜索 | 邮箱 | 主页 | 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>

 

 
 回到顶部
帅哥哟，离线，有人找我吗？
cnsjroom
 小大  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：七尾狐 帖子：1571 积分：11238 威望：0 精华：0 注册：2021/1/17 17:06:00 		回复：（有点蓝）帮助以外的知识学会网上搜索：https:...  发帖心情 Post By：2022/4/21 9:35:00 [显示全部帖子]

好的  再麻烦老师指导一下：

 

assets/js/test.js  内容如下：

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);

 

请教一下在如下页面代码中的哪个地方实现操作 setCookie("myCookie","username",2); 将页面上的id为username 的值写入mycookie中呢？

谢谢！

 

login页面代码：

<!DOCTYPE html>
<html>
<head>
……
</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>   

   </div>
  </form>
 </div>
 <!-- js部分 -->
 <!-- Javascript -->
        <script src="assets/js/test.js"></script>   这里是对应的js文件引用部分

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


加好友 发短信
等级：七尾狐 帖子：1571 积分：11238 威望：0 精华：0 注册：2021/1/17 17:06:00 		回复：（有点蓝）给文本框绑定onchanged或者onblur事件...  发帖心情 Post By：2022/4/21 10:48:00 [显示全部帖子]

老师  是这样么？ 谢谢！

 

<button class="layui-btn layui-btn-fluid" lay-submit myCookie","username",2)">登录</button>

或

<input class="layui-input" name="username" placeholder="请输入登录账号" autocomplete="off" lay-verType="tips" lay-verify="required" myCookie","username",2)">

 

js文件对应的  setCookie  getCookie  delCookie 不用做变动么？   直接在页面上调用即可么？

 

//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");

 回到顶部
帅哥哟，离线，有人找我吗？
cnsjroom
 小大  8楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：七尾狐 帖子：1571 积分：11238 威望：0 精华：0 注册：2021/1/17 17:06:00 		回复：（有点蓝）setCookie  getCookie  de...  发帖心情 Post By：2022/4/21 13:42:00 [显示全部帖子]

ok  谢谢老师  目前已经可以页面与页面传值了

   <div class="layui-input-block">
    <input type="text" name="姓名" id="xingming"  lay-verify="" value= "" placeholder="" autocomplete="off" class="layui-input ">

    <input type="text" name="身份证号" id="shenfenzhenghao"  lay-verify="" value="" placeholder="" autocomplete="off" class="layui-input ">
   </div>

<script>document.getElementById("xingming").value = getCookie("userid")</script>

<script>document.getElementById("xingming").value = getsfid("sfid")</script>

怎么根据得到的xingming值去用户表中 查找对应的身份证号这个值呢？并即时显示给shenfezhenghao这个id

 

getsfid这个函数的js代码该怎么写呢？

 
 回到顶部
RSS2.0 | Xhtml无图版 | Xslt无图版 Copyright © 2000 - 2018 foxtable.com Tel: 4000-810-820 粤ICP备11091905号
   Powered By Dvbbs Version 8.3.0
页面执行时间 0.07031 秒, 6 次数据查询