JS localStorage實(shí)現(xiàn)本地緩存的方法

更新時(shí)間：2013年06月22日 11:25:01 作者：

JS localStorage實(shí)現(xiàn)本地緩存的方法，需要的朋友可以參考一下

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
  <head> 
    <title>本地緩存</title> 
    <script type="text/javascript"> 
        var strKey = "strKey"; 
        var storage = window.localStorage; 

        function onStart(){ 
            if(storage.getItem(strKey)!=null){ 
                alert(storage.getItem(strKey)+'localStorage'); 
            }else if(Cookie.read(strKey)!=null){ 
                alert(Cookie.read(strKey)+'cookie'); 
            } 
        } 
        function bendihuancun(){ 
            var strValue = document.getElementById("username").value; 
            if (storage) { 
            storage.setItem(strKey, strValue);   
        } else { 
            Cookie.write(strKey, strValue);  
        } 
        } 
    </script> 
  </head> 
  <body onload="onStart()"> 
    <input type="text" id="username" value="123"> 
    <input type="button" value="保存緩存" onclick="bendihuancun()"> 
  </body> 
</html> 

您可能感興趣的文章:

相關(guān)文章

原生Js實(shí)現(xiàn)的畫廊功能
這篇文章主要介紹了原生Js實(shí)現(xiàn)的畫廊功能，幫助大家更好的理解和學(xué)習(xí)使用JavaScript，感興趣的朋友可以了解下
2021-05-05
把json格式的字符串轉(zhuǎn)換成javascript對象或數(shù)組的方法總結(jié)
下面小編就為大家?guī)硪黄裫son格式的字符串轉(zhuǎn)換成javascript對象或數(shù)組的方法總結(jié)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-11-11
js項(xiàng)目中前端如何實(shí)現(xiàn)無感刷新token
本文主要介紹了js項(xiàng)目中前端如何實(shí)現(xiàn)無感刷新token，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-07-07
JS對象復(fù)制(深拷貝和淺拷貝)
這篇文章主要介紹了JS對象復(fù)制(深拷貝和淺拷貝)，并附有詳細(xì)代碼，感興趣的小伙伴們，可以參考下
2021-04-04
JS如何設(shè)置滾動屬性默認(rèn)自動滾動到底部(overflow:scroll;)
這篇文章主要給大家介紹了關(guān)于JS如何設(shè)置滾動屬性默認(rèn)自動滾動到底部(overflow:scroll;)的相關(guān)資料,通過本文介紹的的JavaScript代碼示例,你可以實(shí)現(xiàn)滾動條默認(rèn)在最底部的效果,需要的朋友可以參考下
2023-10-10
BootStrap智能表單實(shí)戰(zhàn)系列(七)驗(yàn)證的支持
這篇文章主要介紹了BootStrap智能表單實(shí)戰(zhàn)系列(七)驗(yàn)證的支持 ,凡是涉及到用戶編輯信息然后保存的頁面，都涉及到一個(gè)數(shù)據(jù)是否符合要求的檢查，需要客服端和服務(wù)器端的校驗(yàn)的問題，本文介紹非常詳細(xì)，具有參考價(jià)值，需要的朋友可以參考下
2016-06-06
js保留小數(shù)點(diǎn)后幾位的寫法
本篇文章主要是對js保留小數(shù)點(diǎn)后幾位的寫法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-01-01
淺談Javascript數(shù)組(推薦)
數(shù)組，即Array類型，是開發(fā)中最常用的類型之一。這篇文章主要介紹了淺談Javascript數(shù)組的相關(guān)資料,需要的朋友可以參考下
2016-05-05
JS設(shè)置獲取cookies的方法
這篇文章主要介紹了JS設(shè)置獲取cookies的方法，有需要的朋友可以參考一下
2014-01-01
學(xué)習(xí)JavaScript設(shè)計(jì)模式(鏈?zhǔn)秸{(diào)用)
這篇文章主要帶領(lǐng)大家學(xué)習(xí)JavaScript設(shè)計(jì)模式，其中重點(diǎn)介紹鏈?zhǔn)秸{(diào)用，感興趣的小伙伴們可以參考一下
2015-11-11