localStorage的使用方法
来源:互联网 发布:matlab 一维数组画图 编辑:程序博客网 时间:2024/04/29 20:56
localStorage的使用方法
一.介绍:localStorage将数据保存在本地客服端的硬件设备上,浏览器关闭后不会消失,下次打开仍能使用。打开浏览器的resources的local Storage中可以查看。
二.用法:
1.localStorage通过window.localStorage.a=10
方法存入,其中a为任意起的变量名。存入方法还有:①window.localStorage["a"]=10
;②window.localStorage.setIterm("a",10)
。
2.localStorage的读出:
(1)知道变量名的读出:
①window.localStorage.a
;②window.localStorage.getItem("a")
③localStorage["a"]
。其中window可有可无。
(2)未知变量名的读出:
①localStorage.key[index]可以得到与index相对应的变量名,并可以通过索引获得相应的值。如:alert(localStorage.key[index]+""+localStorage.getItem(localStorage.key[index])
。
(3)localStorage的清除:clear()函数。代码:localStorage.clear()
。
参考:
<input type="text" id="num_one"><br /> <input type="text" id="num_two"><br /> <button onclick="plus()">+</button><br /> result:<br /> <input type="text" id="result"><script type="text/javascript"> window.onload=function(){ } function plus(){ var num1=document.getElementById("num_one"); var num2=document.getElementById("num_two"); var result=document.getElementById("result"); result.value=parseInt(num1.value)+parseInt(num2.value); window.localStorage.setItem("result",result.value); alert(localStorage.getItem("result")); }</script>
0 0
- localStorage的使用方法
- 数据存储localStorage的使用方法
- html5 Web存储的localStorage和sessionStorage的使用方法【图文说明】
- HTML5 localStorage使用方法及注意点
- H5本地存储localStorage、sessionStorage使用方法
- LocalStorage存储JSON对象的问题 localStorage
- 话说localStorage的实现
- HTML5 localStorage 的使用
- LocalStorage 的一个漏洞
- 【HTML5】localstorage的用法
- html5的window.localStorage
- Html5 表单的LocalStorage
- HTML5的localStorage对象
- localStorage的基本用法
- localStorage的一些用法
- 表单信息的localStorage
- localStorage的使用
- 8、localstorage的应用
- 蓝桥杯 ALGO-79 删除数组零元素(水题、数组)
- 求从根节点到叶子节点的所有路径组成的数的和
- 利用virtualenv管理Python环境
- Treasure Exploration
- CentOS 6.2编译gcc失败,kernel-headers错误
- localStorage的使用方法
- 黑马程序员_日记10_Java包
- 第一篇-前言
- 仿新闻类App实现滑动或点击换页思路
- HotSpotVM 对象机制实现浅析#1
- 第一次打开android studio检查sdk
- daemon函数
- AsyncHttpClient的CookieStore问题
- 非堆成加密算法DH