web開發之js cookie的理解

2021-07-24 15:31:50 字數 1372 閱讀 1875

今天想把js cookie的有關知識通過例項來熟悉一下整個建立,讀取,以及其他比如修改刪除等操作的過程。例項呢就按照w3shcool上個的走一遍。

首先回顧一下cookie的相關知識吧。

(一)什麼是cookie?

①簡單的來說,當我們使用者與web網頁進行互動的時候,我們輸入的資訊儲存地就是cookie,也就是說cookie裡面儲存了我們很多資料資訊,而且是以鍵值對的形式保留的,比如username=andy

②還需要明白的是,當我們客戶端向web伺服器傳送請求後,伺服器給我們客戶端發來網頁資訊,然後服務端會關閉鏈結,不會對我們使用者輸入的資料進行保留,那麼只能在客戶端上進行操作,cookie就應運而生。當我們在客戶端保留了客戶資訊後,再向伺服器請求web頁面時,建立的cookie也包含在請求當中供給伺服器識別使用者資訊。

(二)對cookie進行的操作

①首先是怎麼建立乙個新的cookie

document.cookie屬性便可以實現對cookie的操作。比如document.cookie=「username=job」;當然字串裡面還可以新增其他屬性,比如新增時間資訊,document.cookie="username=job; expires=thu, 18 dec 2016 20:52:00 gmt";

(這裡補充一下時間的格式gmt和utc的詳細說明,gmt是指格林尼治時間

,格林尼治標準時間的正午是指當太陽橫穿格

林尼治子午線時(也就是在格林尼治上空最高點時)的時間。但會有16分鐘的時間差。utc是協調時間,世界統一時間,

是以原子時秒長為基礎,在時刻上盡量接近於世界時的一種時間計量系統。

上面建立的cookie包含時間和姓名的資料資訊。

②那麼我們怎麼去讀取這個新建的cookie呢?

var x=document.cookie也就是先將新建立的cookie賦值給乙個變數,將以字串的形式返回所有cookie的資訊。

當我們建立了乙個名為cookie的資訊後,舊的和cookie同名的將被覆蓋掉,當然如果名字不一樣兩者都存在。

③這裡再介紹乙個刪除cookie的方式

document.cookie="username=job; expires=thu, 18 dec 1997 20:52:00 gmt";那就是設定乙個過去的時間即可,當然裡面的賦值也就可以省略不寫了

(三)理解例項

建立乙個cookie來存貯訪問者的姓名,再次訪問時會出現歡迎頁面

首先整個架構分為三塊:建立,讀取,修改

第一部分:建立

這一部分很簡單,

function setcookie(cname,cvalue,exdays)    // 該函式建立乙個cookie,包含姓名,值,日期資訊

js cookie之建立,讀取,銷毀

cookie 好!建立cookie 變數寫法 document.cookie task old r ata.task old document.cookie 名字 值 讀取cookie 直接呼叫函式,例如var flag get cookie task old 讀取cookie函式 function...

web開發之快取

以資料為驅動的web站點,當訪問量增大後,由於頻繁的從db中讀取資料,使得db伺服器的壓力大增,從而影響系統的效能。為了緩解這種來自於大訪問量的頻繁讀取db的壓力,我們可以把一些資料快取起來,當請求過來後,不需要去db中獲取資料,在快取中讀取即可 快取不存在,在到db中取 這樣大大減輕了db的壓力,...

js Cookie的增刪改

來自 w3school 這裡講的也很好 新增cookie,時間單位是小時 function addcookie objname,objvalue,objhours document.cookie str alert 新增cookie成功 str 獲取指定名稱的cookie的值 function ge...