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

Javascript
JQuery 学习笔记 选择器之四
JQuery 学习笔记 选择器之五
JQuery 学习笔记 选择器之六
JQuery CSS样式控制 学习笔记
用js模仿word格式刷功能实现代码 [推荐]
运用jquery实现table单双行不同显示并能单行选中
jqPlot jquery的页面图表绘制工具
jquery tools之tabs 选项卡/页签
jquery tools之tooltip
浅析Javascript原型继承 推荐
JQuery UI皮肤定制
实现lightBox时的样式与行为分离减少JS
JQuery 表格操作(交替显示、拖动表格行、选择行等)
javascript 进度条 实现代码
Javascript this指针
jquery imgareaselect 使用利用js与程序结合实现图片剪切
javascript 写的一个简单的timer
javascript 处理HTML元素必须避免使用的一种方法
Javascript 验证上传图片大小[客户端]
jQuery 隔行换色 支持键盘上下键,按Enter选定值

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 295 ::
收藏到网摘: 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>

 

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

  缺点:值长度有限制.