HTML 5 Web 存储

HTML5提供了两种在客户端存储数据的新方法:localStorage-没有时间限制的数据存储sessionStorage-针对一个session的数据存储html5webstora

大家好,又见面了,我是全栈君,今天给大家准备了Idea注册码。

HTML5 提供了两种在客户端存储数据的新方法:

localStorage – 没有时间限制的数据存储
sessionStorage – 针对一个 session 的数据存储

html5 web storage的浏览器支持判断

要判断浏览器是否支持localStorage可以使用下面的代码:

if(window.localStorage){
alert(“浏览支持localStorage”) 
}else{alert(“浏览暂不支持localStorage”) } 
//或者 
if(typeof window.localStorage == ‘undefined’)
{alert(“浏览暂不支持localStorage”) }

localStorage和sessionStorage操作

localStorage和sessionStorage都具有相同的操作方法,例如setItem、getItem和removeItem等
localStorage和sessionStorage的方法
setItem存储value

 

http://hovertree.com/menu/html5/

用途:将value存储到key字段
用法:.setItem( key, value)
代码示例:sessionStorage.setItem(“key”, “value”);     localStorage.setItem(“site”, “xiao”);

getItem获取value

用途:获取指定key本地存储的值
用法:.getItem(key)
代码示例:var value = sessionStorage.getItem(“key”);     var site = localStorage.getItem(“site”);

removeItem删除key

用途:删除指定key本地存储的值
用法:.removeItem(key)
代码示例:sessionStorage.removeItem(“key”);     localStorage.removeItem(“site”);

clear清除所有的key/value

用途:清除所有的key/value
用法:.clear()
代码示例:sessionStorage.clear();     localStorage.clear();

其他操作方法:点操作和[]

web Storage不但可以用自身的setItem,getItem等方便存取,也可以像普通对象一样用点(.)操作符,及[]的方式进行数据存储,像如下的代码:

var storage = window.localStorage; storage.key1 = “hello”; storage[“key2”] = “world”; console.log(storage.key1); console.log(storage[“key2”]);

 

推荐:http://www.cnblogs.com/roucheng/p/texiao.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/120464.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Vue上传文件操作(没有CV,认真看)

    Vue上传文件操作(没有CV,认真看)项目场景: 通过vue上传文件基本操作问题描述:使用html上传文件时,很容易理解,那么vue文件上传呢?我们学了vue不可能还往里面写原生html的内容吧!先放代码再解释:<template><div><el-form:model=”form”><el-uploadaction=”url”:auto-upload=”false”:on-change=”onchanger”:fil

    2022年10月10日
    3
  • 关于引用mshtml的问题[通俗易懂]

    今天看了个验证码识别的代码,其中引用到了mshtml.dll,找了半天原来就是microsoft.mshtml.dll。查这个dll的时候还发现了好几篇关于这个dll添加问题的文章。顺便看了下,原来这个dll有三个,添加引用时要注意了。   第一篇文章:   1.添加引用的问题   一般在开发环境下会在三个地方存有microsoft.mshtml.dll文件。所以在添加引用时,也

    2022年4月6日
    92
  • 如何查看dede版本信息

    如何查看dede版本信息

    2021年9月22日
    57
  • 最受欢迎的网管工具集「建议收藏」

    最受欢迎的网管工具集「建议收藏」最受欢迎的网管工具集★★★日前,美国《NetworkWorld》通过读者调查,选出了最受读者欢迎的网络管理工具,我们也将它们推荐给国内的网管员们,希望能助他们一臂之力,使他们轻松排除网络故障。工具名称:SolarWindsEngineerEdition网址:www.solarwinds.net推荐理由:有读者说:“在不到一小时的时间内,我从网站上下载并安装了SolarWinds的授权版

    2022年10月6日
    5
  • git ssh认证(网站认证)

    一、windows本地安装好git客户端,官网下载一路安装即可二、右键选项打开gitbash$ssh-keygen-trsa<==建立密钥对,-t代表类型,有RSA和DSA两种Generatingpublic/privatersakeypair.Enterfileinwhichtosavethekey(/c/Users/HP/.ssh/id_r…

    2022年4月12日
    146
  • 一文读懂 Spring Bean 的生命周期「建议收藏」

    一文读懂 Spring Bean 的生命周期「建议收藏」欢迎大家关注我的微信公众号【老周聊架构】,Java后端主流技术栈的原理、源码分析、架构以及各种互联网高并发、高性能、高可用的解决方案。一、前言今天我们来说一说SpringBean的生命周期,小伙伴们应该在面试中经常遇到,这是正常现象。因为SpringBean的生命周期是除了IoC、AOP几个核心概念之外最重要概念,大家务必拿下。可Spring源代码又比较复杂,跟着跟着就不知道跟到哪里去了,不太好拿下呀。这倒是真的,而且网上一上来就各种贴流程源码,对初学者来说是真的一脸懵逼,就像字.

    2026年1月26日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号