HTML5关于缓存和离线存储知识总结

本文总结了HTML5中的缓存和离线存储技术,包括Cookie的优缺点、JS操作Cookie的方法、cookies、sessionStorage和localStorage的区别、Web Storage的使用、HTML5应用缓存(离线存储)的工作原理及浏览器对离线存储资源的管理。同时讨论了如何通过非主要域名实现Cookie隔离,以优化请求性能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1 Cookie有哪些优缺点?

优点:

1.极高的扩展性和可用性

  • 通过良好的编程,控制保存在 cookie 中的 session 对象的大小。
  • 通过加密和安全传输技术(SSL),减少 cookie 被破解的可能性。
  • 只在 cookie 中存放不敏感数据,即使被盗也不会有重大损失。
  • 控制 cookie 的生命期,使之不会永远有效。偷盗者很可能拿到一个过期的 cookie。

缺点:

1.cookie数量有限制

  • IE6 或更低版本最多 20 个 cookie
  • IE7 和之后的版本最后可以有 50 个 cookie。
  • Firefox 最多 50 个 cookie
  • chrome 和 Safari 没有做硬性限制
  • IE 和 Opera 会清理近期最少使用的 cookie,Firefox 会随机清理 cookie。

2.大小限制

  • cookie 的最大大约为 4096 字节,为了兼容性,一般不能超过 4095 字节。

3.安全性问题

  • 如果 cookie 被人拦截了,那人就可以取得所有的 session 信息。
  • 即使加密也与事无补,因为拦截者并不需要知道 cookie 的意义,他只要原样转发 cookie 就可以达到目的了。
2. JS操作获取和设置cookie

1.设置cookies:

	var username=document.cookie.split(";")[0].split("=")[1];
	//设置cookies
	function setCookie(name,value){
   
	    var Days = 30;
	    var exp 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值