localstorage

今天学习了H5的新标签localstorage,属于永久存储,不手动删除怎不会消失;

<body>

  <p id="info"></p>

  <script >

    var info =document.querySelector("#info");

    //处理兼容

    if(typeof(localStorge) != undefined){

      if(localStorage.name){

        info.innerHTML = localStorage.name;

        }else {

        info.innerHTML = "早上好”;

     }else{

      alert("请升级您的浏览器“);

  }

时间: 2024-10-10 21:18:22

localstorage的相关文章

h5的本地存储——sessionStorage,localStorage

HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 SessionStorage, LocalStorage, Cookie这三者都可以被用来在浏览器端存储数据,localStorage和sessionStorage都是本地存储. Cookie会在每次发送HTTP请求时附加到Cookie头字段,服务器以此得知用户所处的状态. Web Storage的概念和cookie相似,

本地存储localStorage以及它的封装接口store.js的使用

本地存储localstorage localstorage 是 HTML5 提供的在客户端存储数据的新方法,主要作用是将数据保存在客户端中,并且数据是永久保存的,除非人为干预删除. localstorage作为本地存储来使用,解决了cookie存储空间不足的问题:cookie中每条cookie的存储空间为4k,但localStorage的存储空间有5M大小.另外,相比于cookie,localStorage可以节约带宽,在同一个域内,浏览器每次向服务器发送请求,http都会带着cookie,使c

cookie、session、localStorage、sessionStorage区别

cookie.session 会话(Session)跟踪是Web程序中常用的技术,用来跟踪用户的整个会话.常用的会话跟踪技术是Cookie与Session.Cookie通过在客户端记录信息确定用户身份,Session通过在服务器端记录信息确定用户身份. 本章将系统地讲述Cookie与Session机制,并比较说明什么时候不能用Cookie,什么时候不能用Session. cookie 1.1  Cookie机制 在程序中,会话跟踪是很重要的事情.理论上,一个用户的所有请求操作都应该属于同一个会话

localStorage的使用

localStorage.setItem("key","value") localStorage.getItem("key") 大小5M 第一句是赋值 第二句是取值

sessionStorage、localStorage技术相关以及商家sid、sbid记录相关、vue相关问题

一个项目的需求如下: 作为第一个第三方平台,我们可以提供给不同的商家技术支持,即在一个url后面根据不同的商家来提供不同的查询字符串(包含sid和sbid),所以为了得到这个商家的信息,我们需要使用解析这个查询字符串然后从后天获取数据. 出现的问题1: 由于这是vue做的单页面应用,在下方有不同的按钮路由到不同的页面, 所以如果点击到其他路由,然后再点击回来的时候,根据路由设置,我们的首页的url此时应该是没有查询字符串了,当然,这个不重要啊,因为我们可以把数据(sid和sbid)放在一个全局变

cookie、localStorage、sessionStorage三者之间的对比

1.cookie    有效期:默认存在于浏览器会话期间,浏览器关闭时消失,但可以设置max-age延长失效时间    作用域:cookie作用域是通过domain文档源和path文档路径来确定的,默认情况下,cookie和创建它的web页面有关,并对web页面和该web页面同目录或者子目录的其他web页面可见.当设置path="/",它的作用域就变成文档源级别的了.2.localStorage    有效期:永不失效,除非主动删除    作用域:限定在文档源级别的.文档源通过协议.主

HTMl5的sessionStorage和localStorage

html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage. sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁.因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储. 而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的. web storage和cookie的区别 Web Stora

本地存储localstorage

小小插件,封装了一个存取删 <script type="text/javascript"> /* *getItem(name) * *setItem(name,value) * *remove(name) * */ var optionStorage = { getObject:function(name){ if(name){ return JSON.parse(locaStorage.getItem(name)); }else{ return null; } }, ge

如何获得浏览器localStorage的剩余容量

一.如何获取localStorage的剩余容量 在H5大行其道的今天,localStorage(本地存储)对每一个前断攻城师来说都不太陌生.同时localStorage也给我们带来了极大的便利,不用于cookies的小家子气,localStorage的存储量还是很客观的. 由于浏览器的差异性,导致我们需要对localStorage中的内容做出一部分取舍.而根据目前的市场上浏览器对loaclStorage的兼容性来看,最佳的大小是2.5M左右.如何得到localStorage的容量大小,大概接触过

localStorage本地存储的用法

localStorage用法 if(window.localStorage){ alert('这个浏览器支持本地存储'); }else{ alert('这个浏览器支持不本地存储'); } localStorage.a=3;//设置a为"3" localStorage["a"]="sfsf";//设置a为"sfsf",覆盖上面的值 localStorage.setItem("b","isaac&qu