localStorage的一些简单的操作

本地存储

    cookie

    localStorage

cookie             localStorage

生存周期          有                  没有

操作                 难                  简单

容量                 4KB              5MB

提交                 会                  不会

localStorage.xxx = xxx;             设置

    localStorage.xxx;                     获取

    delete localStorage.xxx;             删除

共同点:

不安全

    不能跨域

    不能跨浏览器

    兼容到ie7

delete     是删除属性的

 

本地存储:建议最好放到服务器环境

 

    localStorage

 

    容量: 5M

 

        localStorage 多于5M,报错

        cookie     多于4K,存不进去,不报错

 

    事件:

    onstorage   当本地存储里面的信息发生变化的时候

        加给window (window.onstorage)

      ev.key      谁发生变化

     写法:localStorage[ev.key]



设置:localStorage.a=5;

删除:delete localStorage.b;


标准提供一套用法:

    存:localStorage.setItem(name,value);

    取:localStorage.getItem(name);

    删:localStorage.removeItem(name);

    全部清除: localStorage.clear();

测试:

    cookie    随着请求每次都会发往服务器

    localStorage  不会

    sessionStorage:  关闭浏览器消失(写法跟localStorage一样)

sessionStorage.a=1;

alert(sessionStorage.a);

时间: 2024-10-23 01:26:06

localStorage的一些简单的操作的相关文章

HTML5中的Web Storage(sessionStorage||localStorage)理解与简单实例

Web Storage是什么? Web Storage功能,顾名思义,就是在Web上针对客户端本地储存数据的功能,具体来说Web Storage分为两种: sessionStorage: 将数据保存在session对象中,所谓session是指用户在浏览某个网站时,从进入网站到浏览器关闭所经过的这段时间,也就是用户浏览这个网站所花费的时间.session对象可以用来保存在这段时间内所要求保存的任何数据. localStorage: 将数据保存在客户端本地的硬件设备(通常指硬盘,当然可以是其他的硬

使用jxl操作之一: 实现对Excel简单读写操作

项目目录树 对象类UserObject UserObject.java package com.dlab.jxl; public class UserObject { private String userName; private String age; private String address; public String getUserName() { return userName; } public void setUserName(String userName) { this.

android 简单文件操作

1.布局 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orient

Java 实现Excel的简单读取操作

JAVA实现Excel表单的简单读取操作 实现Excel表单的简单读取操作,首先要导入相关的jar包: 如图所示: 此处贴上代码: public static List<List<String>> readExcel(String path){ List<List<String>> list=new ArrayList<List<String>>(); try { Workbook wb; InputStream is=null; t

SequoiaDB 系列之二 :SequoiaDB的简单CRUD操作

上一篇通过一系列的操作,终于把SequoiaDB的集群部署到单台机器上了. 建议去安装体验一下吧. 在整个环境的部署的体验来看,并没有MongoDB的部署简单,但是比MongoDB的部署要清晰.MongoDB启动进程,后面跟着一大串配置,有点云里雾里的感觉,这个对初学者不太友好.而SequoiaDB的部署,着眼整个集群环境,能在脑中轻松构建一副设计图,协调节点的服务端口是11810,catalog节点的服务端口是11820,11830,11840,而数据节点的服务端口是11850,11860,1

mysql模块简单实用操作-----nodejs

1 //mysql模块简单实用操作 2 3 var mysql = require('mysql'); 4 5 mc = {}; 6 7 8 var dbconfig = { 9 host : 'xxxxxxxxxx', 10 user : 'xxx', 11 password : 'xxx', 12 database : 'xxxxx' 13 }; 14 15 16 17 mc.sqlExc = function (sql, next) { 18 var db = mysql.createCo

下面介绍一下 Yii2.0 对数据库 查询的一些简单的操作

下面介绍一下 Yii2.0 对数据库 查询的一些简单的操作 User::find()->all(); 此方法返回所有数据: User::findOne($id); 此方法返回 主键 id=1 的一条数据(举个例子): User::find()->where(['name' => '小伙儿'])->one(); 此方法返回 ['name' => '小伙儿'] 的一条数据: User::find()->where(['name' => '小伙儿'])->all(

多线程中简单的++操作,所引发的思考

一句简单的g_nLoginCount++操作,转换成汇编语言就成了上面的三句话,假如现在我们有两个线程,当第一个线程执行到第二个汇编时,此时第二个线程启动,他又从内存中读取g_nLoginCount,但这时第一个线程已经将g_nLoginCount做了加法操作,只是没有将其移回内存,这样的话这个加法操作形同虚设,这样计算的结果是不可预知的!!!! 多线程中简单的++操作,所引发的思考

关于SQLServer的一些简单代码操作

就不介绍了在studio中的图形化操作了,这里简单介绍了一些SQL语言的操作. 首先: 给一些例子怎样创建一个数据库对象和表(创建create  删除drop): 1.创建数据库对象 1 --创建数据库对象 2 create database School; 3 4 --删除数据库 5 drop database School 6 7 --创建数据库 的时候制定一些参数 8 9 create database School 10 on primary 11 ( 12 --数据库的逻辑名称 13