zoukankan      html  css  js  c++  java
  • HTML5---22.LocalStorage的应用

    localStorage的几个特点:
        1.存储大小:20Mb
        2.不同浏览器不能共享数据,在统一浏览器下同一域名下不同页面可以共享数据
        3.存储数据在硬盘上的,生命周期:永久存储  如需删除需手动删除
    
    常用的方法:
    setItem()    添加
    removeItem()    删除
    getItem()    获取
    
    <body>
        <input type="text" name="username" id="name">
        <input type="button" value="添加" id="add">
        <input type="button" value="删除" id="remove">
        <input type="button" value="获取" id="get">
    </body>
    <script>
        document.querySelector("#add").onclick = function () {
            var name = document.querySelector("#name").value;
            localStorage.setItem("username",name);
        }
        document.querySelector("#remove").onclick = function () {
            localStorage.removeItem("username");
        }
        document.querySelector("#get").onclick = function () {
           var nam = localStorage.getItem("username");
            alert(nam);
        }
    </script>
    
  • 相关阅读:
    字符串
    zval结构体
    需要优化代码的leetcode
    删除字符串中的字符
    python 目录
    文件
    awk 复习
    链表和数组的说法
    在linux服务器新添加硬盘,如何识别、挂载。
    Linux 的 date 日期的使用
  • 原文地址:https://www.cnblogs.com/Tobenew/p/10511453.html
Copyright © 2011-2022 走看看