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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • thinkphp5进销存系统源码

    thinkphp5进销存系统源码thinkphp5开发的进销存管理系统,功能完善,界面也做的挺好的、、在这里插入图片描述

    2022年5月31日
    35
  • 谷歌图片识别在线_图像识别库

    谷歌图片识别在线_图像识别库 一、准备模型在这里,我们利用已经训练好的Googlenet进行物体图像的识别,进入Googlenet的GitHub地址,进入models文件夹,选择Googlenet点击Googlenet的模型下载地址下载该模型到电脑中。模型结构在这里,我们利用之前讲到的网络模型绘制网站画出Googlenet…

    2022年8月14日
    5
  • isNotEmpty 与 isNotBlank的区别「建议收藏」

    isNotEmpty 与 isNotBlank的区别「建议收藏」转自:http://www.zhenhua.org/article.asp?id=625 isNotEmpty将空格也作为参数,isNotBlank则排除空格参数参考QuoteStringUtils方法的操作对象是java.lang.String类型的对象,是JDK提供的String类型操作方法的补充,并且是null安全的(即如果输入参数String为null则

    2022年10月7日
    4
  • 多进程 python_python多进程编程

    多进程 python_python多进程编程进程前置知识点进程:一个程序运行起来后,代码+用到的资源称之为进程,它是操作系统分配资源的基本单元。并发:指的是任务数多余cpu核数,通过操作系统的各种任务调度算法,实现用多个任务“一起”执行

    2022年7月29日
    7
  • c# 连接数据库2 OleDbDataAdapter DataSet[通俗易懂]

    c# 连接数据库2 OleDbDataAdapter DataSet[通俗易懂]    privatevoidbutton2_Click(objectsender,EventArgse)    {      stringcon=@"Provider=Microsoft.Jet.OleDb.4.0;DataSource=fruit.mdb";      OleDbConnectiondbconn=newO…

    2025年7月23日
    2
  • xshell怎么连接vmware虚拟机_虚拟机centos7怎么联网

    xshell怎么连接vmware虚拟机_虚拟机centos7怎么联网XShell下载地址:https://en.softonic.com/download/xshell安装步骤默认即可,安装XShell完成后进行连接。文件——>新建配置连接信息在虚拟机中输入ifconfig即可获得主机IP信息,即inetaddr后面的数字。如果输出的主机IP是127.0.0.1,可以参考该篇博客解决这个问题。点击用户身份验证,输入用…

    2025年11月23日
    1

发表回复

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

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