中文字幕日韩一区二区_国产一区二区av_国产毛片av_久久久久国产一区_色婷婷电影_国产一区二区精品

JavaScript入門教程 Cookies

某些 Web 站點(diǎn)在您的硬盤上用很小的文本文件存儲(chǔ)了一些信息,這些文件就稱為 Cookie。”―― MSIE 幫助。一般來說,Cookies 是 CGI 或類似,比 HTML 高級(jí)的文件、程序等創(chuàng)建的,但是 JavaScript 也提供了對(duì) Cookies 的很全面的訪問權(quán)利。
  在繼續(xù)之前,我們先要學(xué)一學(xué) Cookie 的基本知識(shí)。
  每個(gè) Cookie 都是這樣的:<cookie名>=<值>
  <cookie名>的限制與 JavaScript 的命名限制大同小異,少了“不能用 JavaScript 關(guān)鍵字”,多了“只能用可以用在 URL 編碼中的字符”。后者比較難懂,但是只要你只用字母和數(shù)字命名,就完全沒有問題了。<值>的要求也是“只能用可以用在 URL 編碼中的字符”。
  每個(gè) Cookie 都有失效日期,一旦電腦的時(shí)鐘過了失效日期,這個(gè) Cookie 就會(huì)被刪掉。我們不能直接刪掉一個(gè) Cookie,但是可以用設(shè)定失效日期早于現(xiàn)在時(shí)刻的方法來間接刪掉它。
  每個(gè)網(wǎng)頁,或者說每個(gè)站點(diǎn),都有它自己的 Cookies,這些 Cookies 只能由這個(gè)站點(diǎn)下的網(wǎng)頁來訪問,來自其他站點(diǎn)或同一站點(diǎn)下未經(jīng)授權(quán)的區(qū)域的網(wǎng)頁,是不能訪問的。每一“組”Cookies 有規(guī)定的總大小(大約 2KB 每“組”),一超過最大總大小,則最早失效的 Cookie 先被刪除,來讓新的 Cookie“安家”。
  現(xiàn)在我們來學(xué)習(xí)使用 document.cookie 屬性。
  如果直接使用 document.cookie 屬性,或者說,用某種方法,例如給變量賦值,來獲得 document.cookie 的值,我們就可以知道在現(xiàn)在的文檔中有多少個(gè) Cookies,每個(gè) Cookies 的名字,和它的值。例如,在某文檔中添加“document.write(document.cookie)”,結(jié)果顯示:
復(fù)制代碼 代碼如下:
name=kevin; email=kevin@kevin.com; lastvisited=index.html

這意味著,文檔包含 3 個(gè) Cookies:name, email 和 lastvisited,它們的值分別是 kevin, kevin@kevin.com 和 index.html。可以看到,兩個(gè) Cookies 之間是用分號(hào)和空格隔開的,于是我們可以用 cookieString.split('; ') 方法得到每個(gè) Cookie 分開的一個(gè)數(shù)組(先用 var cookieString = document.cookie)。
  設(shè)定一個(gè) Cookie 的方法是對(duì) document.cookie 賦值。與其它情況下的賦值不同,向 document.cookie 賦值不會(huì)刪除掉原有的 Cookies,而只會(huì)增添 Cookies 或更改原有 Cookie。賦值的格式:
復(fù)制代碼 代碼如下:
document.cookie = 'cookieName=' + escape('cookieValue')
+ ';expires=' + expirationDateObj.toGMTString();

是不是看到頭暈了呢?以上不是粗體字的地方是要照抄不誤的,粗體字是要按實(shí)際情況做出改動(dòng)的。cookieName 表示 Cookie 的名稱,cookieValue 表示 Cookie 的值,expirationDateObj 表示儲(chǔ)存著失效日期的日期對(duì)象名,如果不需要指定失效日期,則不需要第二行。不指定失效日期,則瀏覽器默認(rèn)是在關(guān)閉瀏覽器(也就是關(guān)閉所有窗口)之后過期。
  看到了上面的一些下劃線了么?這些是應(yīng)該注意的地方。
  首先 escape() 方法:為什么一定要用?因?yàn)?Cookie 的值的要求是“只能用可以用在 URL 編碼中的字符”。我們知道“escape()”方法是把字符串按 URL 編碼方法來編碼的,那我們只需要用一個(gè)“escape()”方法來處理輸出到 Cookie 的值,用“unescape()”來處理從 Cookie 接收過來的值就萬無一失了。而且這兩個(gè)方法的最常用途就是處理 Cookies。其實(shí)設(shè)定一個(gè) Cookie 只是“document.cookie = 'cookieName=cookieValue'”這么簡單,但是為了避免在 cookieValue 中出現(xiàn) URL 里不準(zhǔn)出現(xiàn)的字符,還是用一個(gè) escape() 好。
  然后“expires”前面的分號(hào):注意到就行了。是分號(hào)而不是其他。
  最后 toGMTString() 方法:設(shè)定 Cookie 的時(shí)效日期都是用 GMT 格式的時(shí)間的,其它格式的時(shí)間是沒有作用的。
  現(xiàn)在我們來實(shí)戰(zhàn)一下。設(shè)定一個(gè)“name=rose”的 Cookie,在 3 個(gè)月后過期。
復(fù)制代碼 代碼如下:
var expires = new Date();
expires.setTime(expires.getTime() + 3 * 30 * 24 * 60 * 60 * 1000);
/* 三個(gè)月 x 一個(gè)月當(dāng)作 30 天 x 一天 24 小時(shí)
x 一小時(shí) 60 分 x 一分 60 秒 x 一秒 1000 毫秒 */
document.cookie = 'name=rose;expires=' + expires.toGMTString();

為什么沒有用 escape() 方法?這是因?yàn)槲覀冎?rose 是一個(gè)合法的 URL 編碼字符串,也就是說,'rose' == escape('rose')。一般來說,如果設(shè)定 Cookie 時(shí)不用 escape(),那獲取 Cookie 時(shí)也不用 unescape()。
  再來一次:編寫一個(gè)函數(shù),作用是查找指定 Cookie 的值。
復(fù)制代碼 代碼如下:
function getCookie(cookieName) {
var cookieString = document.cookie;
var start = cookieString.indexOf(cookieName + '=');
// 加上等號(hào)的原因是避免在某些 Cookie 的值里有
// 與 cookieName 一樣的字符串。
if (start == -1) // 找不到
return null;
start += cookieName.length + 1;
var end = cookieString.indexOf(';', start);
if (end == -1) return unescape(cookieString.substring(start));
return unescape(cookieString.substring(start, end));
}

這個(gè)函數(shù)用到了字符串對(duì)象的一些方法,如果你不記得了(你是不是這般沒記性啊),請(qǐng)快去查查。這個(gè)函數(shù)所有的 if 語句都沒有帶上 else,這是因?yàn)槿绻麠l件成立,程序運(yùn)行的都是 return 語句,在函數(shù)里碰上 return,就會(huì)終止運(yùn)行,所以不加 else 也沒問題。該函數(shù)在找到 Cookie 時(shí),就會(huì)返回 Cookie 的值,否則返回“null”。
  現(xiàn)在我們要?jiǎng)h除剛才設(shè)定的 name=rose Cookie。
復(fù)制代碼 代碼如下:
var expires = new Date();
expires.setTime(expires.getTime() - 1);
document.cookie = 'name=rose;expires=' + expires.toGMTString();

可以看到,只需要把失效日期改成比現(xiàn)在日期早一點(diǎn)(這里是早 1 毫秒),再用同樣的方法設(shè)定 Cookie,就可以刪掉 Cookie 了。

JavaScript技術(shù)JavaScript入門教程 Cookies,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 国产精品99久久久久久动医院 | 国产精品精品久久久 | 国产成人在线免费 | 中文字幕在线三区 | 在线观看毛片网站 | 久久久精品日本 | 美女视频一区 | 亚洲精品小视频在线观看 | 精品视频免费 | 国产精品免费在线 | 国产精品久久久久久久久久久久久久 | 免费在线观看黄视频 | 亚洲成人精品 | 中文字幕不卡视频在线观看 | 深夜爽视频 | 亚洲一区二区三区国产 | 欧美一区二区三区在线观看 | 亚洲精品免费在线 | 伊人操| 亚洲高清av| 日韩一区二区在线播放 | 亚洲精视频 | 亚洲成人福利在线观看 | 97精品国产一区二区三区 | av日韩精品 | 免费黄色a级毛片 | 在线不卡视频 | a级黄色片视频 | 国产福利在线 | 精品一区二区久久久久久久网精 | 国产激情一区二区三区 | 日韩伦理一区二区 | 盗摄精品av一区二区三区 | 91视频大全 | 久久久精品一区 | www.久久 | 99精品网站 | 在线免费黄色小视频 | 精品国产一区二区国模嫣然 | 日韩精品专区在线影院重磅 | 久久久成人免费视频 |