JavaScript設置、清除Cookies的方法含代碼_瀏覽器特效

JavaScript操作Cookies的一個示例代碼，很多朋友都問到如何用JavaScript操作Cookies，那么這個示例程序你可要認真看下了，它就是實現了一這一功能，可以設置Cookies保存期，清除Cookie等操作。

<SCRIPT language=javascript>
<!--//函數：寫入cookie
function WriteCookie (cookieName, cookieValue, expiry)

{
var expDate = new Date();

if(expiry)    //如果設置了cookie失效時間;
{
expDate.setTime (expDate.getTime() + expiry);
    document.cookie = cookieName + "=" + escape (cookieValue) + "; expires=" + expDate.toGMTString();
    }
    else   //沒有設置cookie失效時間;
    {
        document.cookie = cookieName + "=" + escape (cookieValue);
}
}

//函數：取得form表單域的值作為cookie的相關值（cookie name,cookie value,expires）
function setCookie ()
{
var name = document.myform.text1.value;
var value = document.myform.text2.value;
var num = document.myform.text3.value;
var select = document.myform.text3.selectedIndex;

if (name=="" || value=="" || num==""){
alert ("請輸入Cookie的名字,值和失效期再測試!");
return false;
}

if(num == 0)
{
WriteCookie(name, value, 0);
}
else if(select == 0)
//如果選擇的是天;時間換算成秒;
{
WriteCookie(name, value, 1000 * 60 * 60 * 24 * num);
}
else if(select == 1)
//如果選擇的是月;
{
WriteCookie(name, value, 1000 * 60 * 60 * 24 * num * 31);
}
else if(select == 2)
//如果選擇的是年;
{
WriteCookie(name, value, 1000 * 60 * 60 * 24 * num * 365);
}
alert ("Cookie已經保存，歡迎訪問www.1stscript.com")	
}

//函數：讀cookie值;
function ReadCookie (CookieName) {
  var CookieString = document.cookie;
  var CookieSet = CookieString.split (';');
  var SetSize = CookieSet.length;
  var CookiePieces
  var ReturnValue = "";
  var x = 0;

for (x = 0; ((x < SetSize)  &&  (ReturnValue == "")); x++) {

CookiePieces = CookieSet[x].split ('=');

if (CookiePieces[0].substring (0,1) == ' ') {
      CookiePieces[0] = CookiePieces[0].substring (1, CookiePieces[0].length);
    }

if (CookiePieces[0] == CookieName) {
      ReturnValue = CookiePieces[1];
      
    }

}

alert ("Cookie Value is:"+ReturnValue);

}
//-->
</SCRIPT>
<TABLE align=center border=0 cellPadding=5 cellSpacing=0 width=550>
  <TBODY>
  <TR bgColor=#e7e7e7>
    <TD class=title height=17>Cookie操作實例：</tr>
  <TR>
    <TD bgColor=#ffcc99>
      <P>如何設置客戶端Cookies</P></TD></TR>
   <TR>
    <TD>
      <FORM name=myform>
      <TABLE border=0 cellPadding=2 cellSpacing=0 width="95%">
        <TBODY>
        <TR>
          <TD><SPAN class=e>Cookie name:</SPAN></TD>
          <TD><INPUT name=text1 value=javascript20000> </TD></TR>
        <TR>
          <TD><SPAN class=e>Cookie value:</SPAN></TD>
          <TD><INPUT name=text2  type=password></TD></TR>
        <TR>
          <TD><SPAN class=e>Cookie保留期:</SPAN></TD>
          <TD><INPUT name=text3 value=0> <SELECT name=Choice> <OPTION 
              selected value=0>天</OPTION> <OPTION value=1>月</OPTION> <OPTION 
              value=2>年</OPTION></SELECT> </TD></TR>
        <TR>
          <TD colSpan=2><INPUT name=button2 onclick=setCookie() type=button value=保存Cookie> 
<INPUT name=button onclick="WriteCookie(document.myform.text1.value, '');alert('Cookies已經清除了！')" type=button value=刪除Cookie> 
<INPUT name=Submit onclick="ReadCookie (document.myform.text1.value)" type=submit value=看Cookie內容> 
          </TD></TR></TBODY></TABLE></FORM></TD></TR>
 </TBODY></TABLE>

所屬頻道：瀏覽器特效/更新時間：2013-06-16

[收藏][報錯][返回列表]

相關瀏覽器特效：

JavaScript設置、清除Cookies的方法含代碼_瀏覽器特效

瀏覽器特效Rss訂閱特效代碼搜索

瀏覽器特效推薦

猜你也喜歡看這些