html5知识点补充—客户端存储

el09xccxy 发布于2019-08-01 14:52 / 3122人阅读

摘要：每种存储对象类型的方法和属性都是相同的。页面可以创建监听这些事件的相应函数，在接受到相应事件进行处理。属性类型目的发生变化的键旧值新值发生变化的页面更新发生的存储区域

sessionStorge和localStorage

会话存储(sessionStorage)和本地存储(localStorage)在实现方式上十分相似，而仅仅在作用域和数据持久化方面有所区别。浏览器为每种存储类型都提供了一种存储接口：sessionStorage和localStorage,它们都能使用键值对列表存储数据。你可以为一个键设置一个值，然后通过改建访问相应的值。两种存储对象都提供了用于设置值、获取值、删除键、获取键列表特定位置和清除所有键值对的方法。每种存储对象类型的方法和属性都是相同的。这是因为，它们都是从Web Storage规范定义的Storage接口继承而来。

setItem(key,value): 设置由参数定义的键值对。如果该键已经存在，那么对应值更新为参数中的值。

getItem(key): 获取参数中键对应的键值对

removeItem(key): 删除参数中对应的键值对

key(n): 返回索引对应的键名

clear: 删除所有的键值对

length: 提供存储列表中键值对的数量

PS:setItem中的value的类型为字符串，也就是说，如果你需要存储数字，必须在存储时将其视为字符串，然后在访问时将其转换回正确的数据格式。

使用示例如下所示：




    
    web storge

捕获本地存储事件

事件可以是因为一个新键值对的插入、更新或者删除事件而触发。页面可以创建监听这些事件的相应函数，在接受到相应事件进行处理。storageEvent事件包含了帮助决定如何处理的属性。

属性	类型	目的
key	DOMString	发生变化的键
oldValue	DOMString	旧值
newValue	DOMString	新值
url	DOMString	发生变化的页面URL
storageArea	Storage	更新发生的存储区域

GPU云服务器云服务器 html5基础知识 cdn补充知识存储 html 自动补充

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/49629.html

HTML面试题整理总结

摘要：前记为了准备春招面试，对自己的知识点进行一个总结积累，第一篇是关于方面的知识点，后续如果遇见新题会进行继续的补充什么是语义化，有什么好处语义化简单来说就是，段落使用，侧边栏用，主要内容使用。不存在或形式不正确会导致文档以混杂模式呈现。前记为了准备春招面试，对自己的知识点进行一个总结积累，第一篇是关于HTML方面的知识点，后续如果遇见新题会进行继续的补充什么是 HTML 语义化，有...

Chao 2019-08-02 14:14 评论0 收藏0
html5知识点补充—其他元素介绍

摘要：在中，元素得以重新定义，它现在用来显示不正确或不相关的内容。元素的变化对元素的定义进行了很大的修改。因此，在中，元素代表小打印体，如版权信息条款或许可法律信息。因为是内嵌元素，如果有需要，你可以将它嵌入其他元素中。使用s元素显示不准确或不相关的内容以前,s元素是特意用来显示带删除线的文字的。在HTML5中，s元素得以重新定义，它现在用来显示不正确或不相关的内容。这意味着可以使用它...

BigNerdCoding 2019-08-01 14:52 评论0 收藏0