JavaScript是运行在客户端的脚本,因此一般情况下是不能够设置Session的,因为Session是运行在服务器端的。而cookie是运行在客户端的,所以我们可以用JS来设置cookie。接下来请跟着小编一起来操作一下吧。
工具/原料
文本编辑器(用记事本即可)
浏览器(测试用的)
准备及操作
1、首先说明一下我们是怎么做测试的,在AB两个页面中,我们在A页面写一个简单的登录界面,然后将登录信息写入cookie,然后在B页面读取cookie中的信息
2、建立两个html文件分别为A.html和B.html,注意后缀名称
3、在A.html里面写入的内容如下:<body> 请输入用户名和密码: 争犸禀淫<input id="userName" type="t髫潋啜缅ext" /> <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>
4、在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>
5、到这里我们就已经写完测试案例了,接下来让我们来测试一下。
测试
1、我们用打开A.html
2、在A.html内输入用户名:asdfqwer,密码:qwe123,然后点击登录按钮
3、可以看到结果完全符合我们的要求