在chrome中,查看cookie的方式是打開控制臺,資源-》;餅幹.
語法:
如果只設置了值value,則先前的值將在以後設置時被覆蓋。
如果有多個相同的鍵值,即鍵和值都被設置,此時,先前的值將在稍後被覆蓋。
Cookie通常用於在瀏覽器中緩存數據。
cookie的大小是有限的,每個瀏覽器支持不同的cookie,有些是50個,有些是20個。..
默認的cookie聲明周期,當瀏覽器關閉時,此cookie的生命周期結束。此cookie將被刪除。
設置cookie的生命周期
通過上述方式,您可以為該cookie添加n天的生命周期。
如果您需要刪除cookie,請將其生命周期設置為小於當前時間,它將被刪除。
Cookie可以讀取或寫入。
讀取時,如果當前頁面上有多個cookie,則由確定;+空間鏈接。
如果需要分段,則使用;作為分隔符分開。
Localstorag是HTML5的壹個新的數據存儲API,它是壹個沒有時間限制的數據存儲。在此之前,這些都是由cookie完成的。但是cookie不適合存儲大量數據,因為它們是由每個請求發送到服務器的,這使得cookie速度慢且效率低。
在HTML5中,數據不是每個服務器都請求的,而是僅在被請求時使用。它使得在不影響網站性能的情況下存儲大量數據成為可能。
對於不同的網站,數據存儲在不同的區域,壹個網站只能訪問自己的數據。
localstorage的大小通常限制在5MB左右,這因瀏覽器而異,將來可能會增加。
Cookie大小只有4KB。
瀏覽器支持:
理論上支持IE8及以上版本和標準瀏覽器。
雖然這個API是html5新添加的,但在IE的模擬功能中測試時甚至可以使用IE5。
在標準瀏覽器中,您可以在本地查看localstorage。
IE瀏覽器必須使用本地主機查看。
生命周期:
如果本地存儲未被刪除,它將壹直存在。
參數:
關鍵:關鍵值
價值:價值:價值
其中,value不能放入對象中,如果放入數組中,它將用於將其鏈接到字符串。
如果需要放壹個對象,需要使用json.stringify將其轉換為json格式並放入。
參數:
關鍵:關鍵值
獲得值都是字符串。
如果需要使用json格式的內容,那麽使用JSON.parse將其轉換為對象。
刪除壹條名為key的本地存儲信息。
刪除所有本地存儲信息。
當本地存儲的數據被操作時,存儲事件將被觸發。該事件不會在被操作的頁面上觸發,而只會在與瀏覽器相同的頁面上觸發(兩個頁面都需要存儲事件)。這相當於在瀏覽器的同壹頁面上收聽當前頁面的操作。
在存儲對象下,有壹些可以直接使用的屬性,如ldValue、newValue、key等。
註意:
只能在本地主機環境中監視存儲對象。