目前成都創(chuàng)新互聯(lián)公司已為超過(guò)千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁(yè)空間、網(wǎng)站運(yùn)營(yíng)、企業(yè)網(wǎng)站設(shè)計(jì)、雞冠網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng),共同發(fā)展。
使用HTML5 Web存儲(chǔ)的localStorage和sessionStorage方式進(jìn)行Web頁(yè)面數(shù)據(jù)本地存儲(chǔ)。
頁(yè)面參考如下圖,能將頁(yè)面上的數(shù)據(jù)進(jìn)行本地存儲(chǔ)。并能讀取存儲(chǔ)的數(shù)據(jù)顯示在頁(yè)面上。
localStorage(本地存儲(chǔ)),可以長(zhǎng)期存儲(chǔ)數(shù)據(jù),沒有時(shí)間限制,一天,一年,兩年甚至更長(zhǎng),數(shù)據(jù)都可以使用。
sessionStorage(會(huì)話存儲(chǔ)),只有在瀏覽器被關(guān)閉之前使用,創(chuàng)建另一個(gè)頁(yè)面時(shí)同意可以使用,關(guān)閉瀏覽器之后數(shù)據(jù)就會(huì)消失。
某個(gè)博主的測(cè)試localStorage兼容情況,如下:
Chrome4+ 開始支持localStorage
Firefox3.5+開始支持localStorage
Firefox1.5+支持globalStorage
IE8+支持localStorage
IE7兼容模式支持localStorage
IE5.5+支持userdata
Safari 4+ 支持localStorage
Opera10.5+支持localStorage
//使用HTML5 Web存儲(chǔ)的localStorage和sessionStorage方式進(jìn)行Web頁(yè)面數(shù)據(jù)本地存儲(chǔ)。 //頁(yè)面參考如下圖,能將頁(yè)面上的數(shù)據(jù)進(jìn)行本地存儲(chǔ)。并能讀取存儲(chǔ)的數(shù)據(jù)顯示在頁(yè)面上。 var t1; var t2; var oStorage; var oStorage; function init() {//初始化t1,t2 t1 = document.getElementById("t1"); t2= document.getElementById("t2"); sStorage= window.sessionStorage; lStorage= window.localStorage } function saveSession() { sStorage.mydata= t2.value; t1.value+= "sessionStorage保存mydata:" + t2.value + "\n"; } function readSession() { t1.value+= "sessionStorage讀取mydata:" + sStorage.mydata + "\n"; } function cleanSession() { t1.value+= "sessionStorage清除mydata:" + sStorage.mydata + "\n"; sStorage.removeItem("mydata"); } function saveStorage() { lStorage.mydata= t2.value; t1.value+= "localStorage保存mydata:" + t2.value + "\n"; } function readStorage() { t1.value+= "localStorage讀取mydata:" + lStorage.mydata + "\n"; } function cleanStorage() { t1.value+= "localStorage清除mydata:" + lStorage.mydata + "\n"; lStorage.removeItem("mydata"); }
需要保存的數(shù)據(jù):