zoukankan      html  css  js  c++  java
  • JavaScript权威指南科20章 client记忆

    20 client记忆

    client几种形式存储的:

    web记忆

    cookie

    IE userData

    离线应用

    web数据库

    文件系统api

    20.1 localStorage 和 sessionStorage

    20.1 .1 存储有效期和作用域

    localStorage 和 sessionStorage差别在于存储的有效期和作用域不同。

    localStorage的作用域限制在文档源级别的。

    文档源:协议 主机名 port 决定同一个文档源

    同源的文档源能够共享同一个localStorage,甚至能够改动和覆盖localStorage。

    localStorage的作用域受到不同浏览器厂商的限制。

    同源的文档源能够共享同一个sessionStorage,作用域被限制在窗体中,这里的窗体指的是顶级窗体。

    同源的文档源的<iframe>能够共享sessionStorage.

    測试浏览器是否支持该特性:

    <strong>function test() {
    	var a = window.localStorage;
    	if (a) {
    		alert("your browser supports localStorage");
    	} else {
    
    		alert("your browser dosen't support localStorage");
    	}
    }</strong>


    20.1.2 存储API

    操作存储对象和属性

    <strong>	localStorage.setItem("userName", "Michael");
    	localStorage.getItem();
    	localStorage.removeItem();
    	localStorage.delete();
    	localStorage.clear();</strong>

    20.1.3存储事件

    HTML5的本地存储。还提供了一个storage事件。能够对键值对的改变进行监听,用法例如以下:

    if(window.addEventListener){
     window.addEventListener("storage",handle_storage,false);
    }else if(window.attachEvent){
     window.attachEvent("onstorage",handle_storage);
    }
    function handle_storage(e){
     if(!e){e=window.event;}
     //showStorage();
    }

    20.2 cookie

    20.2.1 cookie有效期和作用域

    未完待续

     


     

    版权声明:本文博客原创文章,博客,未经同意,不得转载。

  • 相关阅读:
    C#面向对象
    CSS样式表---------第三章:样式属性
    CSS样式表-------第二章:选择器
    CSS样式表------第一章:样式表的基本概念
    解决Web部署 svg/woff/woff2字体 404错误
    sql server 2012 如何收缩事务日志
    input file类型,文件类型的限制
    C#对XML、JSON等格式的解析
    SQL实现表名更改,列名更改,约束更改
    sql 坐标距离排序计算距离(转)
  • 原文地址:https://www.cnblogs.com/hrhguanli/p/4712533.html
Copyright © 2011-2022 走看看