html5知識點補充—客戶端存儲

el09xccxy 發布于2019-08-01 14:52 / 3140人閱讀

摘要：每種存儲對象類型的方法和屬性都是相同的。頁面可以創建監聽這些事件的相應函數，在接受到相應事件進行處理。屬性類型目的發生變化的鍵舊值新值發生變化的頁面更新發生的存儲區域

sessionStorge和localStorage

會話存儲(sessionStorage)和本地存儲(localStorage)在實現方式上十分相似，而僅僅在作用域和數據持久化方面有所區別。瀏覽器為每種存儲類型都提供了一種存儲接口：sessionStorage和localStorage,它們都能使用鍵值對列表存儲數據。你可以為一個鍵設置一個值，然后通過改建訪問相應的值。兩種存儲對象都提供了用于設置值、獲取值、刪除鍵、獲取鍵列表特定位置和清除所有鍵值對的方法。每種存儲對象類型的方法和屬性都是相同的。這是因為，它們都是從Web Storage規范定義的Storage接口繼承而來。

setItem(key,value): 設置由參數定義的鍵值對。如果該鍵已經存在，那么對應值更新為參數中的值。

getItem(key): 獲取參數中鍵對應的鍵值對

removeItem(key): 刪除參數中對應的鍵值對

key(n): 返回索引對應的鍵名

clear: 刪除所有的鍵值對

length: 提供存儲列表中鍵值對的數量

PS:setItem中的value的類型為字符串，也就是說，如果你需要存儲數字，必須在存儲時將其視為字符串，然后在訪問時將其轉換回正確的數據格式。

使用示例如下所示：




    
    web storge

捕獲本地存儲事件

事件可以是因為一個新鍵值對的插入、更新或者刪除事件而觸發。頁面可以創建監聽這些事件的相應函數，在接受到相應事件進行處理。storageEvent事件包含了幫助決定如何處理的屬性。

屬性	類型	目的
key	DOMString	發生變化的鍵
oldValue	DOMString	舊值
newValue	DOMString	新值
url	DOMString	發生變化的頁面URL
storageArea	Storage	更新發生的存儲區域

GPU云服務器云服務器 html5基礎知識 cdn補充知識存儲 html 自動補充

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/49629.html

HTML面試題整理總結

摘要：前記為了準備春招面試，對自己的知識點進行一個總結積累，第一篇是關于方面的知識點，后續如果遇見新題會進行繼續的補充什么是語義化，有什么好處語義化簡單來說就是，段落使用，側邊欄用，主要內容使用。不存在或形式不正確會導致文檔以混雜模式呈現。前記為了準備春招面試，對自己的知識點進行一個總結積累，第一篇是關于HTML方面的知識點，后續如果遇見新題會進行繼續的補充什么是 HTML 語義化，有...

Chao 2019-08-02 14:14 評論0 收藏0
html5知識點補充—其他元素介紹

摘要：在中，元素得以重新定義，它現在用來顯示不正確或不相關的內容。元素的變化對元素的定義進行了很大的修改。因此，在中，元素代表小打印體，如版權信息條款或許可法律信息。因為是內嵌元素，如果有需要，你可以將它嵌入其他元素中。使用s元素顯示不準確或不相關的內容以前,s元素是特意用來顯示帶刪除線的文字的。在HTML5中，s元素得以重新定義，它現在用來顯示不正確或不相關的內容。這意味著可以使用它...

BigNerdCoding 2019-08-01 14:52 評論0 收藏0