資訊專欄INFORMATION COLUMN
摘要：每種存儲對象類型的方法和屬性都是相同的。頁面可以創(chuàng)建監(jiān)聽這些事件的相應(yīng)函數(shù)，在接受到相應(yīng)事件進(jìn)行處理。屬性類型目的發(fā)生變化的鍵舊值新值發(fā)生變化的頁面更新發(fā)生的存儲區(qū)域
sessionStorge和localStorage
會話存儲(sessionStorage)和本地存儲(localStorage)在實現(xiàn)方式上十分相似，而僅僅在作用域和數(shù)據(jù)持久化方面有所區(qū)別。瀏覽器為每種存儲類型都提供了一種存儲接口：sessionStorage和localStorage,它們都能使用鍵值對列表存儲數(shù)據(jù)。你可以為一個鍵設(shè)置一個值，然后通過改建訪問相應(yīng)的值。兩種存儲對象都提供了用于設(shè)置值、獲取值、刪除鍵、獲取鍵列表特定位置和清除所有鍵值對的方法。每種存儲對象類型的方法和屬性都是相同的。這是因為，它們都是從Web Storage規(guī)范定義的Storage接口繼承而來。
setItem(key,value): 設(shè)置由參數(shù)定義的鍵值對。如果該鍵已經(jīng)存在，那么對應(yīng)值更新為參數(shù)中的值。
getItem(key): 獲取參數(shù)中鍵對應(yīng)的鍵值對
removeItem(key): 刪除參數(shù)中對應(yīng)的鍵值對
key(n): 返回索引對應(yīng)的鍵名
clear: 刪除所有的鍵值對
length: 提供存儲列表中鍵值對的數(shù)量
PS:setItem中的value的類型為字符串，也就是說，如果你需要存儲數(shù)字，必須在存儲時將其視為字符串，然后在訪問時將其轉(zhuǎn)換回正確的數(shù)據(jù)格式。
使用示例如下所示：
web storge
捕獲本地存儲事件
事件可以是因為一個新鍵值對的插入、更新或者刪除事件而觸發(fā)。頁面可以創(chuàng)建監(jiān)聽這些事件的相應(yīng)函數(shù)，在接受到相應(yīng)事件進(jìn)行處理。storageEvent事件包含了幫助決定如何處理的屬性。
| 屬性 | 類型 | 目的 |
| key | DOMString | 發(fā)生變化的鍵 |
| oldValue | DOMString | 舊值 |
| newValue | DOMString | 新值 |
| url | DOMString | 發(fā)生變化的頁面URL |
| storageArea | Storage | 更新發(fā)生的存儲區(qū)域 |
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/49629.html
摘要：前記為了準(zhǔn)備春招面試，對自己的知識點進(jìn)行一個總結(jié)積累，第一篇是關(guān)于方面的知識點，后續(xù)如果遇見新題會進(jìn)行繼續(xù)的補(bǔ)充什么是語義化，有什么好處語義化簡單來說就是，段落使用，側(cè)邊欄用，主要內(nèi)容使用。不存在或形式不正確會導(dǎo)致文檔以混雜模式呈現(xiàn)。 前記 為了準(zhǔn)備春招面試，對自己的知識點進(jìn)行一個總結(jié)積累，第一篇是關(guān)于HTML方面的知識點，后續(xù)如果遇見新題會進(jìn)行繼續(xù)的補(bǔ)充 什么是 HTML 語義化，有...
摘要：在中，元素得以重新定義，它現(xiàn)在用來顯示不正確或不相關(guān)的內(nèi)容。元素的變化對元素的定義進(jìn)行了很大的修改。因此，在中，元素代表小打印體，如版權(quán)信息條款或許可法律信息。因為是內(nèi)嵌元素，如果有需要，你可以將它嵌入其他元素中。 使用s元素顯示不準(zhǔn)確或不相關(guān)的內(nèi)容 以前,s元素是特意用來顯示帶刪除線的文字的。在HTML5中，s元素得以重新定義，它現(xiàn)在用來顯示不正確或不相關(guān)的內(nèi)容。 這意味著可以使用它...
閱讀 2117·2021-11-23 09:51
閱讀 2860·2021-11-22 15:35
閱讀 2957·2019-08-30 15:53
閱讀 1055·2019-08-30 14:04
閱讀 3292·2019-08-29 12:39
閱讀 1825·2019-08-28 17:57
閱讀 1115·2019-08-26 13:39
閱讀 567·2019-08-26 13:34
