当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript静态页面值传递:Cookie篇

Javascript
JavaScript 图片放大镜(可拖放、缩放效果)
javascript textarea支持图形编辑
各种效果的jquery ui(接口)介绍
js点小图显示大图的切换功能代码
js怎样实现下拉框改变,它旁边的图像也改变
js模拟电脑选择多文件夹效果_选区代码
js实现小鱼吐泡泡在页面游动特效
Javascript拖拽系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHeight属性
js抓人游戏
JavaScript的学习入门整理篇
Js动态创建div
Javascript拖拽&拖放系列文章3之细说事件对象
javascript不同页面传值的改进版
select组合框option的捕捉实例代码
初学JavaScript第一章
初学JavaScript_03(ExtJs Grid的简单使用)
jquery的颜色选择插件实例代码
鼠标跟随效果代码
JS版网站风格切换实例代码
javascript支持IE和firefox(FF)的渐变透明效果

Javascript 中的 JavaScript静态页面值传递:Cookie篇


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 121 ::
收藏到网摘: n/a

本文详细介绍JavaScript静态页面值传递之Cookie篇

  利用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>

 

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

  缺点:值长度有限制.