HTML5 localStorage对象是孤立的每个页面/域?我想知道,因为我如何命名localStorage键。我需要一个单独的字冠吗?或者我想怎么叫就怎么叫?
当前回答
如果你想让它每一页,我简单地用href位置作为键的前缀(为了更好地衡量,我去掉了冒号和斜杠):
let pageName = location.href.replaceAll('/','').replaceAll(':','');
sessionStorage[pageName + '_scrollTop'] = $(this).scrollTop();
取自完整版本的“恢复滚动位置”脚本:https://stackoverflow.com/a/75359943/4885073
其他回答
它是每个域和端口的(与同源策略相同的隔离规则),要使它是每个页面的,就必须使用基于位置的键,或者其他一些方法。
你不需要前缀,如果需要的话就用一个。而且,是的,你可以给它们起任何你想要的名字。
是的,每个域/子域都有不同的localStorage,你可以调用任何你想要的键(前缀是不需要的)。
要获得一个键,可以使用方法key(index),例如
localStorage.key(0);
以前有一个名为globalStorage的对象,在那里你可以有多个localstorage,但它已经从规范中被弃用了
如果你想让它每一页,我简单地用href位置作为键的前缀(为了更好地衡量,我去掉了冒号和斜杠):
let pageName = location.href.replaceAll('/','').replaceAll(':','');
sessionStorage[pageName + '_scrollTop'] = $(this).scrollTop();
取自完整版本的“恢复滚动位置”脚本:https://stackoverflow.com/a/75359943/4885073
正如Nick建议的那样,它可以在域中的任何地方使用,作为替代方案,sessionStorage的工作方式略有不同,因为它与浏览器窗口本身不同。也就是说,同一域中的其他选项卡或窗口不能访问存储对象的同一副本。
存储是按原点划分的,其中“原点”与同源策略(模式[http vs. https等]、端口和主机的组合)相同。来自规范:
每个顶级浏览上下文都有一组唯一的会话存储区域,每个源对应一个。
因此,http://a.example.com和http://b.example.com的存储是分开的(它们都与http://example.com分开),因为它们都是不同的主机。类似地,http://example.com:80、http://example.com:8080和https://example.com都是不同的起源。
在网络存储中,没有一种机制允许一个源访问另一个源的存储。
注意,它是origin,而不是URL,因此http://example.com/page1和http://example.com/page2都可以访问http://example.com的存储。
推荐文章
- 一元加/数字(x)和parseFloat(x)之间的区别是什么?
- angularjs中的compile函数和link函数有什么区别
- 删除绑定中添加的事件监听器
- CSS在特定的“内联块”项之前/之后换行
- 很好的初学者教程socket.io?
- 点击下载Href图片链接
- HtmlSpecialChars在JavaScript中等价于什么?
- 我如何删除背景图像在css?
- 如何克服HTML表单嵌套的限制?
- React: 'Redirect'没有从' React -router-dom'中导出
- 如何在React中使用钩子强制组件重新渲染?
- 我如何使用Jest模拟JavaScript的“窗口”对象?
- 如何使Bootstrap 4卡在卡列相同的高度?
- 我如何等待一个承诺完成之前返回一个函数的变量?
- 在JavaScript中根据键值查找和删除数组中的对象