js如何设置cookie

来源：互联网 2023-03-17 00:14:48 版权归原作者所有，如有侵权，请联系我们

JavaScript是运行在客户端的脚本，因此一般情况下是不能够设置Session的，因为Session是运行在服务器端的。而cookie是运行在客户端的，所以我们可以用JS来设置cookie。接下来请跟着小编一起来操作一下吧。

工具/原料

文本编辑器（用记事本即可）
浏览器（测试用的）

准备及操作

首先说明一下我们是怎么做测试的，在AB两个页面中，我们在A页面写一个简单的登录界面，然后将登录信息写入cookie，然后在B页面读取cookie中的信息

建立两个html文件分别为A.html和B.html，注意后缀名称

js如何设置cookie

在A.html里面写入的内容如下：

body>

请输入用户名和密码：

input id="userName" type="text" />input id="passwords" type="password" />input type="button" onclick="login()" value="登录"/>

script type="text/javaScript">

function login(){

// 获取用户名

var name = document.getElementById("userName");

// 获取密码

var pass = document.getElementById("passwords");

// 写入cookie

setCookie("userName", name.value);

setCookie("passwords", pass.value);

// 跳转到B页面

window.location.href="B.html";

}

function setCookie(name,value){

var Days = 30; //cookie 将被保存30天

var exp = new Date(); //获得当前时间

exp.setTime(exp.getTime() Days*24*60*60*1000); //换成毫秒

document.cookie = name "=" value ";expires=" exp.toGMTString();

}

/script>

/body>

js如何设置cookie

3该信息未经许可获取自百度经验

在B.html写入的内容如下：

body>

获取到的用户名和密码为：

label id="mylabel">/label>

script type="text/javaScript">

var name = getCookie("userName");

var pass = getCookie("passwords");

var values = "userName=" name "; passwords=" pass;

// 写入值到label标签

document.getElementById("mylabel").innerHTML = values;

// 从cookie中获取值的方法

function getCookie(name) {

var arr,reg=new RegExp("(^| )" name "=([^;]*)(;|$)");

if(arr=document.cookie.match(reg))

return unescape(arr[2]);

else

return null;

}

/script>

/body>

js如何设置cookie

到这里我们就已经写完测试案例了，接下来让我们来测试一下。

测试

我们用打开A.html

js如何设置cookie

在A.html内输入用户名：asdfqwer，密码：qwe123，然后点击登录按钮

js如何设置cookie

可以看到结果完全符合我们的要求

js如何设置cookie

注意事项

更多精彩内容请关注小编，有任何我们也可以和小编交流
希望您能动动手指为小编点赞

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签：编程语言

上一篇：php入门教程，基础知识下一篇：如何使用ActiveReports制作矩阵的表头

js如何设置cookie

工具/原料

准备及操作

测试

注意事项

热门文章

标签列表