DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript靜態頁面值傳遞之Cookie篇
JavaScript靜態頁面值傳遞之Cookie篇
編輯:關於JavaScript     

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


  優點:可以在同源內的任意網頁內訪問.生命期可以設置.

  缺點:值長度有限制.

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved