HTML5 localStorage对象是孤立的每个页面/域?我想知道,因为我如何命名localStorage键。我需要一个单独的字冠吗?或者我想怎么叫就怎么叫?
当前回答
正如Nick建议的那样,它可以在域中的任何地方使用,作为替代方案,sessionStorage的工作方式略有不同,因为它与浏览器窗口本身不同。也就是说,同一域中的其他选项卡或窗口不能访问存储对象的同一副本。
其他回答
正如Nick建议的那样,它可以在域中的任何地方使用,作为替代方案,sessionStorage的工作方式略有不同,因为它与浏览器窗口本身不同。也就是说,同一域中的其他选项卡或窗口不能访问存储对象的同一副本。
是的,每个域/子域都有不同的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
正如其他人所指出的,localStorage对于每个协议、主机和端口都是唯一的。如果您想用前缀键来方便地控制存储,我建议使用localDataStorage。
它不仅有助于通过前缀键在同一域中强制分段共享存储,它还透明地存储javascript数据类型(数组,布尔值,日期,浮点数,整数,字符串和对象),提供轻量级数据混淆,自动压缩字符串,并方便按键(名称)查询以及按(键)值查询。
[免责声明]我是本实用程序的作者[/免责声明]
例子:
// instantiate our first storage object
// internally, all keys will use the specified prefix, i.e. passphrase.life
var localData = localDataStorage( 'passphrase.life' );
localData.set( 'key1', 'Belgian' )
localData.set( 'key2', 1200.0047 )
localData.set( 'key3', true )
localData.set( 'key4', { 'RSK' : [1,'3',5,'7',9] } )
localData.set( 'key5', null )
localData.get( 'key1' ) --> 'Belgian'
localData.get( 'key2' ) --> 1200.0047
localData.get( 'key3' ) --> true
localData.get( 'key4' ) --> Object {RSK: Array(5)}
localData.get( 'key5' ) --> null
// instantiate our second storage object
// internally, all keys will use the specified prefix, i.e. prismcipher.com
var localData2 = localDataStorage( 'prismcipher.com' );
localData2.set( 'key1', 123456789 ) // integer
localData2.get( 'key1' ) --> 123456789
如您所见,基本值得到尊重,您可以创建几个实例来控制您的存储。
它是每个域和端口的(与同源策略相同的隔离规则),要使它是每个页面的,就必须使用基于位置的键,或者其他一些方法。
你不需要前缀,如果需要的话就用一个。而且,是的,你可以给它们起任何你想要的名字。
推荐文章
- 画布在使用CSS时被拉伸,但正常使用“width”/“height”属性
- jQuery等价于JavaScript的addEventListener方法
- jQuery需要避免的陷阱
- JavaScript中变量字符串的XML解析
- 'React'指的是一个UMD全局,但当前文件是一个模块
- 为什么useState不触发重新渲染?
- 如何使用回调与useState挂钩在反应
- 网络请求失败
- 如何使用JavaScript大写字符串中每个单词的第一个字母?
- 如何使用箭头函数(公共类字段)作为类方法?
- 使用Javascript的atob解码base64不能正确解码utf-8字符串
- 如何阻止恶意代码欺骗“Origin”报头来利用CORS?
- Angular JS:当我们已经有了具有作用域的指令控制器时,指令的link函数还需要什么?
- 我如何在JavaScript中转换对象数组为一个对象?
- 如何让一个按钮将我的页面重定向到另一个页面?