真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

HTML5Web存儲(chǔ)的localStorage和sessionStorage的使用方法

目前成都創(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的使用方法

 




    
    
    


        //使用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");
        }

    



 


分享名稱:HTML5Web存儲(chǔ)的localStorage和sessionStorage的使用方法
轉(zhuǎn)載來(lái)于:http://weahome.cn/article/geohed.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部