欢迎光临 - 我的站长站,本站所有资源仅供学习与参考,禁止用于商业用途或从事违法行为!

js教程

本地储存window.localStorage使用方法

js教程 我的站长站 2020-10-12 共96人阅读

浏览器本地储存用window.localStorage方法来完成,window.localStorage分JS原生和JQuery封装两种方法。

我的站长站推荐下面这段自用的window.localStorage代码,原理自己网上找,下面这段复杂粘贴就直接用。

window.localStorage.setItem("key","value");//设置指定key的数据(JSON格式)
window.localStorage.getItem("key");//获取指定key的数据
window.localStorage.removeItem("key");//删除指定key的数据
window.localStorage.clear();//清空所有的存储数据

备注也给大家加上了,创建、读取、删除、清空就这4种方法,修改就是同key在创建一次。

相关推荐
  • jquery方法
  • js删除
  • jquery获取第几个索引方法

    使用jquery时经常会遇到,选择器选择一组元素后,需要在这组元素中找到第几个元素。jquery中使用eq()方法找到第几个元素或第N个元素,jquery中eq()的使用如下:eq() 选择器选取带有指定 index 值的元素。index 值从 0 开始,所有第一个元素的 index 值是 0(不...

    js教程 25 2年前
  • jquery控制radio单选框勾选和取消勾选方法

    attr()方法勾选$("input[type='radio']").attr("checked",'checked');取消勾选$("input[type='radio']").removeAttr('checked');prop()方法勾选$("input[type='radio&#...

    js教程 63 2年前
  • jquery返回网站顶部方法大全

    1、基础版,只带返回顶部功能<!doctype html><html><head> <meta charset="UTF-8"> <title>返回顶部</title> <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script> <style type=&...

    js教程 32 2年前
  • LazyLoad按需懒加载使用方法

    LazyLoad介绍LazyLoad效果截图LazyLoad是一款非常热门的图片缓加载JS插件,您能看到的大部分网站图片懒加载都是基于这款JS框架开发。LazyLoad功能LazyLoad懒加载框架可以使图片缓加载,滚动条没拖到的地方暂不加载图片,优先加载用户能看到的图片,等用户拖...

    js教程 112 3年前
  • 本地储存window.localStorage使用方法

    window.localStorage

    js教程 96 4年前
  • js删除字符串最后一个逗号方法

    js删除字符串最后一个逗号方法,可以使用以下几种实现方法:方法一:正则表达式let str = "a,b,c,d,";str = str.replace(/,$/, &#39;&#39;);console.log(str); // 输出:a,b,c,d这里使用正则表达式 /,$/ 匹配到最后一个逗号,并将其替换为空字符串。方法二:sli...

    js教程 73 1个月前
  • JavaScript定时删除指定元素方法

    JavaScript定时删除指定元素一般用到自动隐藏的效果功能上面,主要用到了JS的setTimeout语法。下面是一个定时五秒的DOM中删除示例:// 获取当前脚本的父元素var currentScript = document.currentScript;var parent = currentScript.parentNode;// 从DO...

    js教程 19 3个月前
  • 如何新建修改删除cookie

    加载js库我们需要准备两个js库,一个是jquery.js,另一个是jquery.cookie.js这两个js库<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script>使用方法新添cooki...

    js教程 13 5个月前
  • Gridstack.js交互式仪表板Typescript库
    Gridstack.js交互式仪表板Typescript库

    项目介绍Gridstack.js是一个专注交互式仪表板Typescript库,用于仪表板布局和创建,只需几行代码就可以帮助开发人员 创建漂亮的可拖动、可调整大小、响应式布局。非常合适做一些可视化页面布局,让用...

    js教程 26 6个月前
  • JavaScript限制右键+F12弹窗提示效果

    一段简单的JavaScript限制右键+F12弹窗提示效果,复制过去就可以直接使用,无需修改代码。效果:在网页内如果鼠标右键或者按F12,浏览器就会弹出窗口,弹出的文字可以自己修改。代码如下:<script language="javascript"> function click() { if ...

    js教程 44 1年前