我的页面上有一个表格,上面有文本框,单选按钮和下拉菜单,询问有关学生的问题。从这些选项中选择的选项稍后将用于制作一个包含每个学生内容的div。我的指示是将列表保存到本地存储。我对这到底意味着什么感到困惑。我尝试查找此消息,并且Cookie不断出现。我以为这是两件事。我对本地存储的概念感到困惑。我已经在Google和Stack上进行了搜索,并阅读了与这些主题相关的内容。我想我需要以一种简单的方式对此进行解释,而不是阅读教科书定义或回答人们所问到的有关Cookie和本地存储的代码的问题。有人可以解释这两个主题吗?Cookies和本地存储是否相同?我不确定是否Javascript。
localStorage
是浏览器提供的API,可让您读取和写入数据。您可以将其想象为一个大的JavaScript对象,将数据值存储在不同的键下。使用它很容易:(localStorage.setItem(key, value)
例如,对于某些键和值localStorage.setItem('test', 23)
)写入值并localStorage.getItem(key)
读取/访问该值。详细信息和示例可以在这里找到
Cookies通过API访问document.cookie
。document.cookie
还使用成对的键和值(cookie)来存储数据;但是,读取和写入Cookie的方法不同。要创建新的cookie,请输入document.cookie = "key=value"
(输入一些键和值,例如document.cookie = "test=23"
)。要查看所有cookie,请输入document.cookie
,它将以键和值的字符串形式吐出所有cookie,并用分号(例如"test=23; someOtherKey=59"
)分隔。不幸的是,这使得读取cookie值比使用cookie棘手localStorage
。获取单个键的值的最简单方法是使用正则表达式,这是用于匹配文本的特定模式。可以在此处找到更多详细信息和示例。
就如何使用它们而言,它们的相似之处在于它们都用于存储数据。但是,Cookie主要与页面一起从服务器发送到浏览器。localStorage
相反,只能由浏览器中的JavaScript代码访问。
希望这可以帮助!
[编辑]
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句