摘要:方法為指定的鍵設置值獲取指定鍵的值獲取位置的鍵名根據指定的鍵刪除鍵值對刪除所有的簡直對測試測試結果實例化對象定義存儲某個特定會話的數據,這些數據值保持在瀏覽器運行期間。
方法
setItem(name, value):為指定的鍵設置值
getItem(name):獲取指定鍵的值
key(index):獲取index位置的鍵名
removeItem(name):根據指定的鍵刪除鍵值對
clear():刪除所有的簡直對
測試:
sessionStorage.setItem("book", "Professional JavaScript"); const sessionLength = sessionStorage.length; for(let i=0;i測試結果:
實例化對象
sessionStorage
定義:sessionStorage存儲某個特定會話的數據,這些數據值保持在瀏覽器運行期間。
特點:
1、sessionStorage中的數據可以跨越頁面刷新而存在
2、綁定于某個特定的服務器會話
3、相當于一個頁面的全局變量,可以用來記錄某個頁面的訪問次數globalStorage
定義:擁有特定訪問限制的跨越會話存儲數據
特點:
1、globalStorage不算是storage的實例化對象,globalStorage["baidu.com"](指定哪個域名可以訪問
該數據)才算是storage的實例化對象,才能使用storage對象中的所有方法localStorage
定義:localStorage和globalStorage都是用于用戶數據的長久存儲,但是他沒有規則的限制,規則早已制定好:只有來自同一域名,使用同一協議,在同一端口上的頁面才可以訪問localStorage中存儲的數據,localStorage已經代替globalStorage來進行長久用戶數據的存儲storage事件
觸發時間
只要對Storage對象進行修改,就會在document上觸發這個事件,例如調用setItem,removeItem或者clear方法時都會觸發這個事件具體使用方法
EventUtil.addHandler(document, "storage", (event) => { const change = `Storage changed for ${event.domain}-${event.key}-${event.oldValue}-${event.newValue}`; console.log(change); })監聽事件的返回對象參數有:
domain:發生變化的域名
key:發生修改的鍵
oldValue:修改前的值
newValue:修改后的值
注意:這個事件對localStorage和sessionStorage都有用,但是無法判斷是哪一個
使用事例
function updateCounter(){ document.getElementById("count1").innerHTML = sessionStorage.pageLoadCount; document.getElementById("count2").innerHTML = localStorage.pageLoadCount; } function counter(){ if(localStorage.getItem("pageLoadCount") === null){ localStorage.setItem("pageLoadCount", 0); } if(sessionStorage.getItem("sessionCount") === null){ sessionStorage.setItem("pageLoadCount", 0); } localStorage.pageLoadCount = parseInt(localStorage.getItem("pageLoadCount")) + 1; sessionStorage.pageLoadCount = parseInt(localStorage.getItem("pageLoadCount")) + 1; updateCounter(); } counter();可以看到每刷新一次頁面,pageLoadCount都會加1,但是當關掉這個頁面的時候,sessionStorage中的pageLoadCount會還原成1,localStorage中的pageLoadCount還是原來的數
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/93092.html
摘要:的存儲策略為了支持大容量,存儲節點服務器采用了分卷或分組的組織方式。的文件下載客戶端成功后,會拿到一個生成的文件名,接下來客戶端根據這個文件名即可訪問到該文件。一、FastDFS介紹FastDFS開源地址:https://github.com/happyfish100參考:分布式文件系統FastDFS設計原理參考:FastDFS分布式文件系統個人封裝的FastDFS Java API:htt...
摘要:客戶端請求進行文件上傳下載,通過調度最終由完成文件上傳和下載。作用是文件存儲,客戶端上傳的文件最終存儲在服務器上,沒有實現自己的文件系統而是利用操作系統的文件系統來管理文件。如果名為的文件在文件系統中存在,則返回,否則返回。 什么是FastDFS FastDFS 是用 c 語言編寫的一款開源的分布式文件系統。FastDFS 為互聯網量身定制, 充分考慮了冗余備份、負載均衡、線性擴容等機...
摘要:的目的就是取代進行大量的本地數據存儲,其中不能進行跨會話存儲,這可以使用彌補。刪除由指定的名值對兒。使用方法存儲數據使用屬性存儲數據使用方法讀取數據使用屬性讀取數據一般來說,對存儲空間大小的限制都是以每個源協議域和端口為單位的。 前言 本文首先介紹web storage和Cookie的對比,解釋web storage的優勢;隨后指出怎樣使用插firebug插件的擴展firestorag...
摘要:的目的就是取代進行大量的本地數據存儲,其中不能進行跨會話存儲,這可以使用彌補。刪除由指定的名值對兒。使用方法存儲數據使用屬性存儲數據使用方法讀取數據使用屬性讀取數據一般來說,對存儲空間大小的限制都是以每個源協議域和端口為單位的。 前言 本文首先介紹web storage和Cookie的對比,解釋web storage的優勢;隨后指出怎樣使用插firebug插件的擴展firestorag...
閱讀 817·2021-10-13 09:39
閱讀 3697·2021-10-12 10:12
閱讀 1741·2021-08-13 15:07
閱讀 1006·2019-08-29 15:31
閱讀 2883·2019-08-26 13:25
閱讀 1776·2019-08-23 18:38
閱讀 1879·2019-08-23 18:25
閱讀 1857·2019-08-23 17:20