HTML5新特性：window.localStorage的用法

最新推荐文章于 2025-07-06 01:27:27 发布

ppxin

最新推荐文章于 2025-07-06 01:27:27 发布

阅读量211

点赞数

分类专栏： HTML笔记文章标签： HTML5 localStorage

8 篇文章

订阅专栏

本文介绍了HTML5的Web Storage存储方式之一localStorage，它用于持久化本地存储，数据除非主动删除不会过期。阐述了其优缺点，如容量大但存在兼容性和安全问题，还给出判断是否支持的代码、接口使用方法，以及存储注意事项和不同浏览器的兼容性情况。

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

window.localStorage的用法

window属性：localStorage (W3Cschool)

localStorage使用总结

==============================================================================================

localStorage作为HTML5的Web Storage的两种存储方式之一。

1、判断是否支持localStorage

Js代码

if(window.localStorage){  
   //支持  
}else{  
  //不支持  
}  
  
//或者下面这个  
if(typeof window.localStorage == 'undefined'){  
   //不支持  
}

2、接口

注意：

i. 使用数字索引或者数字字符串索引在FF下赋值没问题，但是获取值方式报错。

localStorage[1] = 'zhangyaochun'

localStorage['1'] = 'fe'

ii. 调用不存在的索引时候FF返回的是Null其他浏览器都是undefined

兼容性：