HTML/JS如何记录cookie并输出?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML/JS如何记录cookie并输出?相关的知识,希望对你有一定的参考价值。

代码如下
<head>
<title>记录用户名和密码到Cookie中</title>
</head>
<body>
用户名:<input type="text" id = "username" placeholder="Username" ><br/>
密码:  <input type="password" id="password" placeholder="Password" >
记住密码:<input type="checkbox" name = "remember" id="remember" value="记住密码"><br/>
<input value="记录" type="button" onClick="remember()">
<input type="button" value="显示cookie" onClick="showpassword()">
接下来我该怎么写function showpassword()才能将cookie输出到某个文本框中?
function showpassword()

return GetCookie(document.getElementById("password").value);

目前我是这么写的,但是没有结果显示,换成 alert后可以看到结果,所以remember程序应该没问题
我需要将值输出到新的文本框中,比如后面加一行 cookie:_______

参考技术A function getCookie(name)

var bikky = document.cookie;
name += "=";
var i = 0;
while (i < bikky.length)

var offset = i + name.length;
if (bikky.substring(i, offset) == name)

var endstr = bikky.indexOf(";", offset);
if (endstr == -1) endstr = bikky.length;
return unescape(bikky.substring(offset, endstr));

i = bikky.indexOf(" ", i) + 1;
if (i == 0) break;

return null;
参考技术B document.getElementById('username').value=document.cookie本回答被提问者采纳

以上是关于HTML/JS如何记录cookie并输出?的主要内容,如果未能解决你的问题,请参考以下文章

VUE引用外部js,并使用其中的变量/方法

js如何在本页面div中输出内容而不跳转?

easyui换主题,并记录在cookie

如何从 NextJS / ReactJS 中的 JWT cookie 获取用户信息

js - cookie

如何测试代码的执行效率 js/c#