标签:innerhtml trie browser ref style element title ora 关闭
HTML5 提供了两种在客户端存储数据的新方法:
<!DOCTYPE html> <html> <body> <div id="result"></div> <script> // Check browser support if (typeof(Storage) !== "undefined") { // Store localStorage.setItem("lastname", "Gates"); // Retrieve document.getElementById("result").innerHTML = localStorage.getItem("lastname"); } else { document.getElementById("result").innerHTML = "抱歉!您的浏览器不支持 Web Storage ..."; } </script> </body> </html>
setItem()
作为 Storage
接口的方法,接受一个键名和值作为参数,将会把键名添加到存储中,如果键名已存在,则更新其对应的值。
storage.setItem(keyName, keyValue);
sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。
如何创建并访问一个 sessionStorage:
<body> <div id="result"></div> <script> if (typeof(Storage)!=="undefined") { sessionStorage.setItem("lastname","Gates"); document.getElementById("result").innerHTML = sessionStorage.getItem("lastname"); }else{ document.getElementById("result").innerHTML = "抱歉你所找的內容本瀏覽器暫時不支持"; } if(sessionStorage.pagecount){ sessionStorage.pagecount = Number(sessionStorage.pagecount)+1; }else{ sessionStorage.pagecount = 1; } document.write("visits的次數為"+sessionStorage.pagecount+"次") </script> </body>
标签:innerhtml trie browser ref style element title ora 关闭
原文地址:http://www.cnblogs.com/z-x-y-21/p/7760607.html