JavaScript静态页面值传递:Cookie篇

本文详细介绍JavaScript静态页面值传递之Cookie篇,Cookie是浏览器存储少量命名数据,它与某个特定的网页或网站关联在一起,Cookie用来给浏览器提供内存,以便脚本和服务器程序可以在一个页面中使用另一个页面的输入数据

Post.htm

XML/HTML代码
        
  1. <inputtype="text"name="txt1">
  2.     
  3. <inputtype="button"value="Post">
  4.     
  5. <scriptlanguage="javascript">
  6.     
  7. function setCookie(name,value)
  8.     
  9. {
  10.     
  11. /*
  12.     
  13. *--------------- setCookie(name,value) -----------------
  14.     
  15. * setCookie(name,value)
  16.     
  17. * 功能:设置得变量name的值
  18.     
  19. * 参数:name,字符串;value,字符串.
  20.     
  21. * 实例:setCookie('username','baobao')
  22.     
  23. *--------------- setCookie(name,value) -----------------
  24.     
  25. */
  26.     
  27.   varDays=30; //此 cookie 将被保存 30 天
  28.     
  29.   var exp = new Date();
  30.     
  31.   exp.setTime(exp.getTime() + Days*24*60*60*1000);
  32.     
  33.   document.cookie=name+ "="+ escape (value) + ";expires=" + exp.toGMTString();
  34.     
  35.   location.href="Read.htm"; //接收页面.
  36.     
  37. }
  38.     
  39. </script>

Read.htm

XML/HTML代码
        
  1. <scriptlanguage="javascript">
  2.     
  3. function getCookie(name)
  4.     
  5. {
  6.     
  7. /*
  8.     
  9. *--------------- getCookie(name) -----------------
  10.     
  11. * getCookie(name)
  12.     
  13. * 功能:取得变量name的值
  14.     
  15. * 参数:name,字符串.
  16.     
  17. * 实例:alert(getCookie("baobao"));
  18.     
  19. *--------------- getCookie(name) -----------------
  20.     
  21. */
  22.     
  23.   vararr=document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
  24.     
  25.   if(arr !=null) return unescape(arr[2]); return null;
  26.     
  27. }
  28.     
  29. alert(getCookie("baobao"));
  30.     
  31. </script>

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

缺点: 值长度有限制.

如果您觉得我的文章有帮助,请随意赞赏!

*发表评论

用QQ账号登录  请登录后发表评论