<!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)文章

JavaScript創(chuàng)建一個(gè)object對(duì)象并操作對(duì)象屬性的用法
這篇文章主要介紹了JavaScript創(chuàng)建一個(gè)object對(duì)象并操作對(duì)象屬性的用法,實(shí)例分析了javascript使用object類定義對(duì)象及屬性的用法,需要的朋友可以參考下
2015-03-03
JavaScript實(shí)現(xiàn)計(jì)算圓周率到小數(shù)點(diǎn)后100位的方法示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)計(jì)算圓周率到小數(shù)點(diǎn)后100位的方法,簡(jiǎn)單分析了圓周率計(jì)算的原理并結(jié)合實(shí)例形式給出了javascript計(jì)算圓周率的具體操作技巧,需要的朋友可以參考下
2018-05-05
全面介紹javascript實(shí)用技巧及單豎杠
關(guān)于js 和javascript的技巧文章已經(jīng)不少了，但是這篇文章則更加詳細(xì)全面，文章先是介紹了使用技巧，而后詳細(xì)解釋了js運(yùn)算符單豎杠“|”的用法和作用及js數(shù)據(jù)處理。
2016-07-07
JavaScript二叉搜索樹構(gòu)建操作詳解
這篇文章主要介紹了JavaScript二叉搜索樹構(gòu)建操作詳解，文章圍繞主題展開二叉搜索樹的性質(zhì)以及二叉搜索樹的構(gòu)建、查找和刪除等內(nèi)容，需要的小伙伴可以參考一下
2022-07-07
JS實(shí)現(xiàn)左右拖動(dòng)改變內(nèi)容顯示區(qū)域大小的方法
這篇文章主要介紹了JS實(shí)現(xiàn)左右拖動(dòng)改變內(nèi)容顯示區(qū)域大小的方法,涉及JavaScript實(shí)時(shí)響應(yīng)鼠標(biāo)事件動(dòng)態(tài)改變頁(yè)面元素屬性的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-10-10
JavaScript中調(diào)用函數(shù)的4種方式代碼實(shí)例
這篇文章主要介紹了JavaScript中調(diào)用函數(shù)的4種方式代碼實(shí)例,本文分別給出方法調(diào)用模式、函數(shù)調(diào)用模式、構(gòu)造器調(diào)用模式、apply調(diào)用模式4種方式的代碼實(shí)例,需要的朋友可以參考下
2015-07-07
javascript HTML5 canvas實(shí)現(xiàn)打磚塊游戲
這篇文章主要介紹了基于javascript HTML5 canvas實(shí)現(xiàn)打磚塊游戲的具體實(shí)現(xiàn)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-04-04
escape、encodeURI 和 encodeURIComponent 的區(qū)別
escape(), encodeURI()和encodeURIComponent()是在Javascript中用于編碼字符串的三個(gè)常用的方法，而他們之間的異同卻困擾了很多的Javascript初學(xué)者，今天我就在這里對(duì)這三個(gè)方法詳細(xì)地分析與比較一下。
2009-03-03
在JavaScript中，為什么要盡可能使用局部變量？
在JavaScript中，我們應(yīng)該盡可能的用局部變量來代替全局變量，這句話所有人都知道，可是這句話是誰(shuí)先說的？為什么要這么做？有什么根據(jù)么？
2009-04-04
JavaScript如何自定義trim方法
本文介紹了如何自定義trim方法，trim的作用就是去除字符串前后空格,這個(gè)方法在字符串處理方面很有實(shí)用價(jià)值，需要的朋友可以參考下
2015-07-07