下面图老师小编跟大家分享一个简单易学的JavaScript静态页面值传递之Cookie篇教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!
【 tulaoshi.com - Web开发 】
利用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/n/20160219/1621431.html
看过《JavaScript静态页面值传递之Cookie篇》的人还看了以下文章 更多>>