localStorage的使用方法

最新推荐文章于 2024-08-15 20:33:20 发布

雨后的夕阳

最新推荐文章于 2024-08-15 20:33:20 发布

阅读量4.2k

点赞数 1

分类专栏： HTML 文章标签： resources 数据

本文链接：https://blog.csdn.net/suyongsimple/article/details/44632433

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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>