欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript實(shí)現(xiàn)cookie的寫(xiě)入、讀取、刪除功能

 更新時(shí)間:2015年11月05日 09:34:32   投稿:mrr  
cookie 是存在有效期的,在默認(rèn)情況下,一個(gè) cookie 的生命周期就是在瀏覽器關(guān)閉的時(shí)候結(jié)束,本文給大家介紹關(guān)于javascript對(duì)于cookie的簡(jiǎn)單操作,比如對(duì)于cookie的寫(xiě)入和刪除,代碼簡(jiǎn)單易懂,需要的朋友參考下

在沒(méi)介紹正文之前,先給大家介紹Cookie的基礎(chǔ)知識(shí)

首先了解什么是cookie

  “cookie 是存儲(chǔ)于訪(fǎng)問(wèn)者的計(jì)算機(jī)中的變量。每當(dāng)同一臺(tái)計(jì)算機(jī)通過(guò)瀏覽器請(qǐng)求某個(gè)頁(yè)面時(shí),就會(huì)發(fā)送這個(gè) cookie。你可以使用 JavaScript 來(lái)創(chuàng)建和取回 cookie 的值?!?/p>

cookie 是訪(fǎng)問(wèn)過(guò)的網(wǎng)站創(chuàng)建的文件,用于存儲(chǔ)瀏覽信息,例如個(gè)人資料信息。

  從JavaScript的角度看,cookie 就是一些字符串信息。這些信息存放在客戶(hù)端的計(jì)算機(jī)中,用于客戶(hù)端計(jì)算機(jī)與服務(wù)器之間傳遞信息。

  在JavaScript中可以通過(guò) document.cookie 來(lái)讀取或設(shè)置這些信息。由于 cookie 多用在客戶(hù)端和服務(wù)端之間進(jìn)行通信,所以除了JavaScript以外,服務(wù)端的語(yǔ)言(如PHP)也可以存取 cookie。

Cookie 基礎(chǔ)知識(shí)

cookie 是有大小限制的,每個(gè) cookie 所存放的數(shù)據(jù)不能超過(guò)4kb,如果 cookie 字符串的長(zhǎng)度超過(guò)4kb,則該屬性將返回空字符串。

由于 cookie 最終都是以文件形式存放在客戶(hù)端計(jì)算機(jī)中,所以查看和修改 cookie 都是很方便的,這就是為什么常說(shuō) cookie 不能存放重要信息的原因。

每個(gè) cookie 的格式都是這樣的:<cookie名>=<值>;名稱(chēng)和值都必須是合法的標(biāo)示符。

cookie 是存在有效期的。在默認(rèn)情況下,一個(gè) cookie 的生命周期就是在瀏覽器關(guān)閉的時(shí)候結(jié)束。如果想要 cookie 能在瀏覽器關(guān)掉之后還可以使用,就必須要為該 cookie 設(shè)置有效期,也就是 cookie 的失效日期。

alert(typeof document.cookie)結(jié)果是 string,曾經(jīng)我以為是array,還鬧過(guò)笑話(huà)...囧

cookie 有域和路徑這個(gè)概念。域就是domain的概念,因?yàn)闉g覽器是個(gè)注意安全的環(huán)境,所以不同的域之間是不能互相訪(fǎng)問(wèn) cookie 的(當(dāng)然可以通過(guò)特殊設(shè)置的達(dá)到 cookie 跨域訪(fǎng)問(wèn))。路徑就是routing的概念,一個(gè)網(wǎng)頁(yè)所創(chuàng)建的 cookie 只能被與這個(gè)網(wǎng)頁(yè)在同一目錄或子目錄下得所有網(wǎng)頁(yè)訪(fǎng)問(wèn),而不能被其他目錄下得網(wǎng)頁(yè)訪(fǎng)問(wèn)(這句話(huà)有點(diǎn)繞,一會(huì)看個(gè)例子就好理解了)。

其實(shí)創(chuàng)建cookie的方式和定義變量的方式有些相似,都需要使用 cookie 名稱(chēng)和 cookie 值。同個(gè)網(wǎng)站可以創(chuàng)建多個(gè) cookie ,而多個(gè) cookie 可以存放在同一個(gè)cookie 文件中。

Cookie常見(jiàn)問(wèn)題

cookie 存在兩種類(lèi)型:

你瀏覽的當(dāng)前網(wǎng)站本身設(shè)置的cookie

來(lái)自在網(wǎng)頁(yè)上嵌入廣告或圖片等其他域來(lái)源的 第三方 cookie (網(wǎng)站可通過(guò)使用這些 cookie 跟蹤你的使用信息)
剛剛基礎(chǔ)知識(shí)里面有說(shuō)到 cookie 生命周期的問(wèn)題,其實(shí) cookie 大致可分為兩種狀態(tài):

臨時(shí)性質(zhì)的cookie。當(dāng)前使用的過(guò)程中網(wǎng)站會(huì)儲(chǔ)存一些你的個(gè)人信息,當(dāng)瀏覽器關(guān)閉后這些信息也會(huì)從計(jì)算機(jī)中刪除
設(shè)置失效時(shí)間的cookie。就算瀏覽器關(guān)閉了,這些信息業(yè)依然會(huì)在計(jì)算機(jī)中。如 登錄名稱(chēng)和密碼,這樣無(wú)須在每次到特定站點(diǎn)時(shí)都進(jìn)行登錄。這種cookie 可在計(jì)算機(jī)中保留幾天、幾個(gè)月甚至幾年。

cookie 有兩種清除方式:

通過(guò)瀏覽器工具清除 cookie (有第三方的工具,瀏覽器自身也有這種功能)
通過(guò)設(shè)置 cookie 的有效期來(lái)清除 cookie

注:刪除 cookie 有時(shí)可能導(dǎo)致某些網(wǎng)頁(yè)無(wú)法正常運(yùn)行

瀏覽器可以通過(guò)設(shè)置來(lái)接受和拒絕訪(fǎng)問(wèn) cookie。

出于功能和性能的原因考慮,建議盡量降低 cookie 的使用數(shù)量,并且要盡量使用小 cookie。

關(guān)于cookie編碼的細(xì)節(jié)問(wèn)題將會(huì)在cookie高級(jí)篇中單獨(dú)介紹。

假如是本地磁盤(pán)中的頁(yè)面,chrome的控制臺(tái)是無(wú)法用JavaScript讀寫(xiě)操作 cookie 的,解決辦法...換一個(gè)瀏覽器^_^。

本章節(jié)分享幾段關(guān)于javascript對(duì)于cookie的簡(jiǎn)單操作,比如對(duì)于cookie的寫(xiě)入和刪除。

代碼很簡(jiǎn)單,比較適合對(duì)于cookie基本操作還不太熟練的朋友參考。

一.寫(xiě)入cookie:

//兩個(gè)參數(shù),一個(gè)是cookie的名子,一個(gè)是值
function SetCookie(name,value){
 var Days = 30;//此 cookie 將被保存 30 天
 var exp = new Date();//new Date("December 31, 9998");
 exp.setTime(exp.getTime() + Days*24*60*60*1000);
 document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}

二.讀取cookie:

//取cookies函數(shù)  
function getCookie(name){
 var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
 if (arr != null) return unescape(arr[2]); return null;
}

三.刪除cookie:

//刪除cookie
function delCookie(name){
 var exp = new Date();
 exp.setTime(exp.getTime() - 1);
 var cval = getCookie(name);
 if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
}

相關(guān)文章

  • JavaScript函數(shù)的使用教程

    JavaScript函數(shù)的使用教程

    這篇文章主要介紹了JavaScript函數(shù)的使用教程,JavaScript函數(shù)是被設(shè)計(jì)為執(zhí)行特定任務(wù)的代碼塊。JavaScript函數(shù)會(huì)在某代碼調(diào)用它時(shí)被執(zhí)行。文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2022-07-07
  • next.js初始化參數(shù)設(shè)置getServerSideProps應(yīng)用學(xué)習(xí)

    next.js初始化參數(shù)設(shè)置getServerSideProps應(yīng)用學(xué)習(xí)

    這篇文章主要為大家介紹了next.js初始化參數(shù)設(shè)置getServerSideProps的應(yīng)用示例學(xué)習(xí),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-10-10
  • JavaScript設(shè)計(jì)模式組合設(shè)計(jì)模式案例

    JavaScript設(shè)計(jì)模式組合設(shè)計(jì)模式案例

    這篇文章主要介紹了JavaScript設(shè)計(jì)模式組合設(shè)計(jì)模式案例,組合設(shè)計(jì)模式是用于將多個(gè)部分通過(guò)組合的方式行成一個(gè)整體,更多相關(guān)內(nèi)容需要的小伙伴可以參考一下
    2022-06-06
  • JavaScript 獲得選中文本內(nèi)容的方法

    JavaScript 獲得選中文本內(nèi)容的方法

    今天希望實(shí)現(xiàn)一個(gè),直接在網(wǎng)頁(yè)上選中文本,點(diǎn)擊收藏夾的鏈接(javascript)即可彈出新窗口(類(lèi)似“百度搜藏”和“QQ書(shū)簽”),新窗口中的文本框即顯示了選中的文本。
    2009-02-02
  • 原生js的RSA和AES加密解密算法

    原生js的RSA和AES加密解密算法

    這篇文章主要為大家詳細(xì)介紹了原生js的RSA和AES加密解密算法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-10-10
  • [js高手之路]原型式繼承與寄生式繼承詳解

    [js高手之路]原型式繼承與寄生式繼承詳解

    下面小編就為大家?guī)?lái)一篇[js高手之路]原型式繼承與寄生式繼承詳解。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-08-08
  • JavaScript實(shí)現(xiàn)跑馬燈抽獎(jiǎng)活動(dòng)實(shí)例代碼解析與優(yōu)化(二)

    JavaScript實(shí)現(xiàn)跑馬燈抽獎(jiǎng)活動(dòng)實(shí)例代碼解析與優(yōu)化(二)

    這篇文章主要介紹了JavaScript實(shí)現(xiàn)跑馬燈抽獎(jiǎng)活動(dòng)實(shí)例代碼解析與優(yōu)化(二)的相關(guān)資料,需要的朋友可以參考下
    2016-02-02
  • d3.js入門(mén)教程之?dāng)?shù)據(jù)綁定詳解

    d3.js入門(mén)教程之?dāng)?shù)據(jù)綁定詳解

    這篇文章主要介紹了關(guān)于d3.js數(shù)據(jù)綁定的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)只d3.js具有一定的參考價(jià)值,需要的朋友下面來(lái)一起看看吧。
    2017-04-04
  • 使用Webpack打包的流程分析

    使用Webpack打包的流程分析

    Webpack 是一個(gè)前端資源加載/打包工具。它將根據(jù)模塊的依賴(lài)關(guān)系進(jìn)行靜態(tài)分析,然后將這些模塊按照指定的規(guī)則生成對(duì)應(yīng)的靜態(tài)資源,這篇文章主要介紹了使用Webpack打包的操作方法,需要的朋友可以參考下
    2022-12-12
  • 一個(gè)簡(jiǎn)單不報(bào)錯(cuò)的summernote 圖片上傳案例

    一個(gè)簡(jiǎn)單不報(bào)錯(cuò)的summernote 圖片上傳案例

    下面小編就為大家?guī)?lái)一篇一個(gè)簡(jiǎn)單不報(bào)錯(cuò)的summernote圖片上傳案例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-07-07

最新評(píng)論