Home > Developer > Web Develop
HTML5 provides two new ways to store data on the client:
<!DOCTYPE HTML><HTML><Body><DivID= "Result"></Div><Script> //Check Browser supportif (typeof(Storage)!== "undefined") { //StoreLocalstorage.setitem ("LastName", "Gates"); //Retrievedocument.getElementById ("result"). InnerHTML=Localstorage.getitem ("LastName");} Else{document.getElementById ("result"). InnerHTML= "I'm sorry. Your browser does not support Web Storage ...";}</Script></Body></HTML>Storage.setitem ()setItem()As an Storage interface method, a key name and value are accepted as parameters, and the key name is added to the store, and the corresponding value is updated if the key name already exists.
Parametersstorage. SetItem (keyNamekeyValue);
DOMString key name to create or update.
DOMString value that corresponds to the key name to be created or updated.
The Sessionstorage method stores data for a session. When the user closes the browser window, the data is deleted.
How to create and access a sessionstorage:
<Body> <DivID= "Result"></Div> <Script> if (typeof(Storage)!=="undefined") {Sessionstorage.setitem ("LastName","Gates"); document.getElementById ("result"). InnerHTML=Sessionstorage.getitem ("LastName"); }Else{document.getElementById ("result"). InnerHTML= "I'm sorry, the content you're looking for is not supported on a temporary"; } if(sessionstorage.pagecount) {Sessionstorage.pagecount=Number (Sessionstorage.pagecount)+1; }Else{Sessionstorage.pagecount= 1; } document.write ("visits the number of times"+Sessionstorage.pagecount+"Times") </Script> </Body>Cookies and WebStorage
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
