牛骨文教育服务平台(让学习变的简单)
博文笔记

JS实现本地缓存实例

创建时间:2012-09-04 投稿人: 浏览次数:144
localStorage实现本地缓存
<!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>

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。