精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
  • 让你的网站产生收益赚钱,有博客和网站的绝对不能错过
  • 将指定的流量带到你的网站,为你站增加有效的访客,为你提升业绩
  • JavaScript静态页面值传递之Cookie篇

    来源:网络整理 时间:07-12-10 点击: 点击这里收藏本文
      利用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>


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

      缺点:值长度有限制.


    用户评论

    广而告之