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

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

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

在沒介紹正文之前,先給大家介紹Cookie的基礎知識

首先了解什么是cookie

  “cookie 是存儲于訪問者的計算機中的變量。每當同一臺計算機通過瀏覽器請求某個頁面時,就會發(fā)送這個 cookie。你可以使用 JavaScript 來創(chuàng)建和取回 cookie 的值?!?/p>

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

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

  在JavaScript中可以通過 document.cookie 來讀取或設置這些信息。由于 cookie 多用在客戶端和服務端之間進行通信,所以除了JavaScript以外,服務端的語言(如PHP)也可以存取 cookie。

Cookie 基礎知識

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

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

每個 cookie 的格式都是這樣的:<cookie名>=<值>;名稱和值都必須是合法的標示符。

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

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

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

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

Cookie常見問題

cookie 存在兩種類型:

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

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

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

cookie 有兩種清除方式:

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

注:刪除 cookie 有時可能導致某些網(wǎng)頁無法正常運行

瀏覽器可以通過設置來接受和拒絕訪問 cookie。

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

關于cookie編碼的細節(jié)問題將會在cookie高級篇中單獨介紹。

假如是本地磁盤中的頁面,chrome的控制臺是無法用JavaScript讀寫操作 cookie 的,解決辦法...換一個瀏覽器^_^。

本章節(jié)分享幾段關于javascript對于cookie的簡單操作,比如對于cookie的寫入和刪除。

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

一.寫入cookie:

//兩個參數(shù),一個是cookie的名子,一個是值
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();
}

相關文章

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

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

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

    next.js初始化參數(shù)設置getServerSideProps應用學習

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

    JavaScript設計模式組合設計模式案例

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

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

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

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

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

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

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

    JavaScript實現(xiàn)跑馬燈抽獎活動實例代碼解析與優(yōu)化(二)

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

    d3.js入門教程之數(shù)據(jù)綁定詳解

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

    使用Webpack打包的流程分析

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

    一個簡單不報錯的summernote 圖片上傳案例

    下面小編就為大家?guī)硪黄粋€簡單不報錯的summernote圖片上傳案例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-07-07

最新評論