关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享JavaScript静态页面值传递:Cookie篇教程,希望对大家能有一点小小的帮助。
【 tulaoshi.com - Web开发 】
本文详细介绍JavaScript静态页面值传递之Cookie篇
利用Cookie.
Cookie是浏览器存储少量命名数据.
它与某个特定的网页或网站关联在一起.
Cookie用来给浏览器提供内存,
以便脚本和服务器程序可以在一个页面中使用另一个页面的输入数据.
Post.htm
input type="text" name="txt1"
input type="button" value="Post"
script language="javascript"
function setCookie(name,value)
{
/*
*--------------- setCookie(name,value) -----------------
* setCookie(name,value)
* 功能:设置得变量name的值
* 参数:name,字符串;value,字符串.
* 实例:setCookie('username','baobao')
*--------------- setCookie(name,value) -----------------
*/
var Days = 30; //此 cookie 将被保存 30 天
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
location.href = "Read.htm"; //接收页面.
}
/script
Read.htm
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)script language="javascript"
function getCookie(name)
{
/*
*--------------- getCookie(name) -----------------
* getCookie(name)
* 功能:取得变量name的值
* 参数:name,字符串.
* 实例:alert(getCookie("baobao"));
*--------------- getCookie(name) -----------------
*/
var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
if(arr !=null) return unescape(arr[2]); return null;
}
alert(getCookie("baobao"));
/script
优点:可以在同源内的任意网页内访问.生命期可以设置.
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)缺点:值长度有限制.
来源:http://www.tulaoshi.com/n/20160220/1632119.html
看过《JavaScript静态页面值传递:Cookie篇》的人还看了以下文章 更多>>