JavaScript静态页面值传递:Cookie篇

  1. 首页
  2. JQuery
  3. 正文

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

Post.htm

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

Read.htm

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

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

缺点:　值长度有限制.

如果您觉得我的文章有帮助，请随意赞赏！
  1. javascript对话框
  2. javascript显示textarea剩余字数
  3. javascript定时关闭的层
  4. javascript点击复制文本框代码
  5. javascript让iframe自适应高度

*发表评论

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