JavaScript静态页面间传递cookie的实现代码

发布时间:2020-05-09编辑:脚本学堂
javascript实现静态页面间传递cookie的代码,供大家学习参考。

今天为大家介绍一个如何用js代码实现cookie在静态页面间传递的代码,什么是cookie就不在这里介绍了。
代码如下。

1、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>

2、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>

优点:可以在同源内的任意网页内访问.生命期可以设置.
缺点:值长度有限制.

以上就是今天javascript 教程的内容,二个代码,一个好思想,你掌握了吗?

您可能感兴趣的文章:
javascript cookie操作指南
JS读取与写入Cookies的方法
js操作cookie详解
javascript编程基础(14)-cookies