JS localStorage实现本地缓存的方法
更新时间：2013年06月22日 11:25:01 作者：
JS 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>
<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>
您可能感兴趣的文章:
- JS 中LocalStorage和SessionStorage的使用
- JS中LocalStorage与SessionStorage五种循序渐进的使用方法
- 详解JavaScript中localStorage使用要点
- JS实现本地存储信息的方法(基于localStorage与userData)
- AngularJS之ionic 框架下实现 Localstorage本地存储
- 移动端使用localStorage缓存Js和css文的方法(web开发)
- JavaScript中localStorage对象存储方式实例分析
- JavaScript使用localStorage存储数据
- 使用JS获取SessionStorage的值
- JS localStorage存储对象，sessionStorage存储数组对象操作示例
相关文章
这篇文章主要介绍了原生Js实现的画廊功能，帮助大家更好的理解和学习使用JavaScript，感兴趣的朋友可以了解下2021-05-05
把json格式的字符串转换成javascript对象或数组的方法总结
下面小编就为大家带来一篇把json格式的字符串转换成javascript对象或数组的方法总结。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
本文主要介绍了js项目中前端如何实现无感刷新token，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
这篇文章主要介绍了JS对象复制(深拷贝和浅拷贝)，并附有详细代码，感兴趣的小伙伴们，可以参考下2021-04-04
JS如何设置滚动属性默认自动滚动到底部(overflow:scroll;)
这篇文章主要给大家介绍了关于JS如何设置滚动属性默认自动滚动到底部(overflow:scroll;)的相关资料,通过本文介绍的的JavaScript代码示例,你可以实现滚动条默认在最底部的效果,需要的朋友可以参考下2023-10-10
这篇文章主要介绍了BootStrap智能表单实战系列(七)验证的支持 ,凡是涉及到用户编辑信息然后保存的页面，都涉及到一个数据是否符合要求的检查，需要客服端和服务器端的校验的问题，本文介绍非常详细，具有参考价值，需要的朋友可以参考下2016-06-06
本篇文章主要是对js保留小数点后几位的写法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
数组，即Array类型，是开发中最常用的类型之一。这篇文章主要介绍了浅谈Javascript数组的相关资料,需要的朋友可以参考下2016-05-05
这篇文章主要介绍了JS设置获取cookies的方法，有需要的朋友可以参考一下2014-01-01
这篇文章主要带领大家学习JavaScript设计模式，其中重点介绍链式调用，感兴趣的小伙伴们可以参考一下2015-11-11
最新评论