JavaScript静态页面值传递之Cookie篇

A4梦碎

A4梦碎

2016-02-19 19:37

下面图老师小编跟大家分享一个简单易学的JavaScript静态页面值传递之Cookie篇教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  Read.htm

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

以下是引用片段:
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

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

  缺点:值长度有限制.

展开更多 50%)
分享

猜你喜欢

JavaScript静态页面值传递之Cookie篇

Web开发
JavaScript静态页面值传递之Cookie篇

JavaScript静态页面值传递:Cookie篇

Web开发
JavaScript静态页面值传递:Cookie篇

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

JavaScript静态页面值传递:URL篇

Web开发
JavaScript静态页面值传递:URL篇

JavaScript静态页面值传递:Window.open篇

Web开发
JavaScript静态页面值传递:Window.open篇

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

初学Javascript之cookie篇(译)

Web开发
初学Javascript之cookie篇(译)

初学Javascript之cookie篇(1)

电脑网络
初学Javascript之cookie篇(1)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

学习SQL SERVER关于表的分区体会

学习SQL SERVER关于表的分区体会

Win10驱动更新超时怎么办

Win10驱动更新超时怎么办
下拉加载更多内容 ↓