HTML5中一些新特性与HTML旧有特性的比较
2015-05-26 20:52
561 查看
一、Web Storage与cookies的比较
cookie:保存在浏览器端的信息,可以在有限期内持久化地存储少量的数据,但是也有一定的局限:
1.每一次HTTP请求都会发送cookie信息。这样一次又一次无意义地传输同样的数据,占用了用户带宽。
2.每一次HTTP请求中发送的cookie信息都以未加密的形式在因特网上传输,这样很不安全(除非整个Web应用都是基于SSL的)。
3.Cookie信息量最大不能超过4KB,这足以拖慢Web应用。
但是Cookie默认的各种浏览器都支持,相比而言webStorage则是IE7及以下版本不支持,其实webStorage的支持范围还是足够大的。
Web Storage(又分为sessionStorage和localStorage):
与Cookie相比,Web Storage的优势有以下几点:
1.存储空间更大,每个存储域拥有5MB的空间,这个大小在各浏览器难得的一致。
2.存储内容不会发送到服务器,仅仅存在于本地,不会与服务器发生任何交互,而Cookie的内容会随着请求一并发送给服务器。
3.更多丰富易用的接口,而且基于键值对的形式存储,存储和检索数据都是通过指定的键名,提供了setItem,getItem,removeItem和clear四个基本操作,分别对应存储value、读取value、删除key和清除所有的键值。此外还有storage事件,当键值改变或者clear的时候就可以出发storage事件。
此外sessionStorage和localStorage的区别在于,在有效期上,sessionStorage的内容仅在当前的浏览器窗口关闭前有效,而localStorage则是始终有效,窗口或浏览器关闭也一直保存,可以作持久数据;在作用域上,sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面,而localStorage在所有同源窗口中都是共享的。
补充:
1.判断浏览器是否支持localStorage的方法:
或者
cookie:保存在浏览器端的信息,可以在有限期内持久化地存储少量的数据,但是也有一定的局限:
1.每一次HTTP请求都会发送cookie信息。这样一次又一次无意义地传输同样的数据,占用了用户带宽。
2.每一次HTTP请求中发送的cookie信息都以未加密的形式在因特网上传输,这样很不安全(除非整个Web应用都是基于SSL的)。
3.Cookie信息量最大不能超过4KB,这足以拖慢Web应用。
但是Cookie默认的各种浏览器都支持,相比而言webStorage则是IE7及以下版本不支持,其实webStorage的支持范围还是足够大的。
Web Storage(又分为sessionStorage和localStorage):
与Cookie相比,Web Storage的优势有以下几点:
1.存储空间更大,每个存储域拥有5MB的空间,这个大小在各浏览器难得的一致。
2.存储内容不会发送到服务器,仅仅存在于本地,不会与服务器发生任何交互,而Cookie的内容会随着请求一并发送给服务器。
3.更多丰富易用的接口,而且基于键值对的形式存储,存储和检索数据都是通过指定的键名,提供了setItem,getItem,removeItem和clear四个基本操作,分别对应存储value、读取value、删除key和清除所有的键值。此外还有storage事件,当键值改变或者clear的时候就可以出发storage事件。
此外sessionStorage和localStorage的区别在于,在有效期上,sessionStorage的内容仅在当前的浏览器窗口关闭前有效,而localStorage则是始终有效,窗口或浏览器关闭也一直保存,可以作持久数据;在作用域上,sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面,而localStorage在所有同源窗口中都是共享的。
补充:
1.判断浏览器是否支持localStorage的方法:
function support_html5_storage() { return ('localStorage' in window) && window['localStorage'] !== null; }
或者
if(window.localStorage) { //do something with localStorage } else { alert("浏览器不支持localStorage!"); }
相关文章推荐
- Html的一些特性
- HTML5的一些新特性
- html和xhtml和html5一些区别和笔记
- 总结一些更多的针对webkit的HTML, CSS和Javascript方面的特性.
- C++11中一些新语言特性与相似特性的比较
- HTML5的一些新特性学习
- HTML5新特性——HTML 5 Canvas vs. SVG
- ASP.NET MVC 3 RC2 版本的一些新特性及AllowHtml属性Bug解决办法
- HTML5提供的一些新的标签用法以及和HTML 4的区别
- 工作中发现html label标签的一些特性
- HTML5的新特性新功能,与旧版本的HTML差异之处
- 总结的一些比较重要的HTML标签
- 记录HTML5离线存储的一些比较容易忽略的知识点
- html与html5的一些区别
- html5的一些新特性
- [html5入门-21]Html中的几种布局简单比较
- 一些 HTML内容比较/文本差异比较 开源代码
- html5的一些新特性
- 整理HTML5的一些新特性与Canvas的常用属性
- 移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代码,更好地将移动web前端页面表现出来。本文整理一些常用的meta标签