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

以下是引用片段：
<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>

　　优点:可以在同源内的任意网页内访问.生命期可以设置.

　　缺点:值长度有限制.

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有