JavaScript静态页面值传递之Cookie篇

2016-02-19 19:37 25 1 收藏

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

【 tulaoshi.com - Web开发 】

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

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

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

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

  缺点:值长度有限制.

来源:http://www.tulaoshi.com/n/20160219/1621431.html

延伸阅读
Window.open篇 这两窗口之间存在着关系.父窗口parent.htm打开子窗口son.htm 子窗口可以通过window.opener指向父窗口.这样可以访问父窗口的对象. 缺点:两窗口要存在着关系.就是利用window.open打开的窗口.不能跨域.        Post.htm <input type=text name=maintext <input type=button on...
标签: Web开发
function getparastr(strname)   {    var hrefstr,pos,parastr,para,tempstr;    hrefstr = window.location.href;    pos = hrefstr.indexOf("?")    parastr = hrefstr.substring(pos+1);    para = parastr.split("&");    tempstr="";    for(i=0;ipara....
标签: Web开发
    需要从HTML页面传值给ASP.NET页面时,可以使用,很基本,保存下来,以备没学过ASP的新手们不急之需 html head titleHTML Start Page/title /head body  form id="Form1" method="post" action="WebForm1.aspx"   input type="text" id="yourTextBox" name="yourTextBox" value="This is the HTML page TextBox v...
标签: Web开发
问题:     使得在访问页面的时候能够沿用上次的设置,或者在不同的页面间共享数据。比如用户在访问网站的时候设置了页面字体的大小,那么会希望下次访问的时候仍然能使用同样的设置进行浏览,而不用重复设置。 解决方案:     在用户浏览页面并进行设置时,将这些设置保存在cookie中,下次访问的时候读取coo...
标签: Web开发
cookie概述 在上一节,曾经利用一个不变的框架来存储购物栏数据,而商品显示页面是不断变化的,尽管这样能达到一个模拟全局变量的功能,但并不严谨。例如在导航框架页面内右击,单击快捷菜单中的命令,则所有的JavaScript变量都会丢失。因此,要实现严格的跨页面全局变量,这种方式是不行的,JavaScript中的另一个机制:cookie,则可以达到真正...

经验教程

814

收藏

50
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部