专家坐堂-网络监视器中定义了cookie如何在html中直接赋值与引用呢？Foxtable(狐表) - 新一代数据库软件，完美融合Access、Foxpro、Excel、vb.net之优势，人人都能掌握的快速软件开发工具!

以文本方式查看主题

-  Foxtable(狐表)  (http://foxtable.net/bbs/index.asp)
--  专家坐堂  (http://foxtable.net/bbs/list.asp?boardid=2)
----  网络监视器中定义了cookie如何在html中直接赋值与引用呢？  (http://foxtable.net/bbs/dispbbs.asp?boardid=2&id=176592)

--  作者：cnsjroom
--  发布时间：2022/4/19 14:54:00
--  网络监视器中定义了cookie如何在html中直接赋值与引用呢？

网络监视器中定义了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（“姓名”）呢？让页面这个持有人对应的显示这个值并提交后直接写入数据库后台表中

--  作者：有点蓝
--  发布时间：2022/4/19 15:00:00
--
https://www.baidu.com/baidu?ie=UTF-8&word=js%20%E4%BD%BF%E7%94%A8cookie

--  作者：cnsjroom
--  发布时间：2022/4/19 15:11:00
--  回复：（有点蓝）https://www.baidu.com/baidu?ie=UTF...

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

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

--  作者：有点蓝
--  发布时间：2022/4/19 15:20:00
--
2楼链接可以搜出几十上百篇相关的文章，如果看一篇看不懂，就多看几篇，比如：https://www.runoob.com/js/js-cookies.html

--  作者：cnsjroom
--  发布时间：2022/4/19 15:44:00
--  回复：（有点蓝）2楼链接可以搜出几十上百篇相关的文章...

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麻烦老师指导下怎么操作   谢谢！

--  作者：有点蓝
--  发布时间：2022/4/19 15:50:00
--
document.getElementById("持有人").value = getCookie("myCookie")

--  作者：cnsjroom
--  发布时间：2022/4/20 18:51:00
--  回复：（有点蓝）document.getElementById("持有人")....

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

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>


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

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

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

--  作者：有点蓝
--  发布时间：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>    
<script>document.getElementById("持有人").value = getCookie("myCookie")</script>

--  作者：cnsjroom
--  发布时间：2022/4/21 9:20:00
--  回复：（有点蓝） </div></div>&nbs...

老师：

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

--  作者：有点蓝
--  发布时间：2022/4/21 9:25:00
--
帮助以外的知识学会网上搜索：https://www.baidu.com/baidu?ie=UTF-8&word=getElementById

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