指定HTML5本地存储项的默认值?

栏目: Html5 · 发布时间: 6年前

内容简介:翻译自:https://stackoverflow.com/questions/13791569/specify-default-value-for-html5-local-storage-item

如果您尝试获取不存在的本地存储项,是否可以为该项设置默认值?

例如,假设在您的Web应用程序中,各种UI首选项都保存在本地存储中.当用户离开您的网站然后返回时,将根据从其本地存储中提取的值设置UI.这很好用.

但是,当用户首次访问您的Web应用程序时,这些本地存储值尚不存在.因此,当您的JavaScript尝试获取这些本地存储项时,它们都将是未定义的.在不存在的情况下,是否没有办法为每个本地存储项指定默认值?

大多数处理保存键/值对的编程语言都提供了一种指定默认值的 排序 方式(想想.ini配置文件接口).我期待这样的事情:

var preference = localStorage.getItem('some-key', 'Default Value');

另外,我知道我可以通过测试它们是否为空/未定义而轻松地以编程方式设置默认值并相应地设置值,但我想看看这是否内置于本地存储键/值对中,也许我只是没有看到它.如果此功能不存在,我将最终编写一些基本的本地存储包装函数,这些函数会添加此功能.

不,没有这样的内置功能.请参阅 Storage interface

的规格:

interface Storage {
  readonly attribute unsigned long length;
  DOMString? key(unsigned long index);
  getter DOMString getItem(DOMString key);
  setter creator void setItem(DOMString key, DOMString value);
  deleter void removeItem(DOMString key);
  void clear();
};

以下几行只是为了进一步确认:

The getItem(key) method must return the current value associated with the given key. If the given key does not exist in the list associated with the object then this method must return null .

你可以使用通常的技术.这样的事应该没问题:

var preference = localStorage.getItem('some-key') || 'Default Value';

翻译自:https://stackoverflow.com/questions/13791569/specify-default-value-for-html5-local-storage-item


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

计算理论导引

计算理论导引

[美]Michael Sipser / 张立昂、王捍贫、黄雄 / 机械工业出版社 / 2000-2 / 30.00元

本书由计算理论领域的知名权威Michael Sipser撰写。他以独特的视角,综合地描述了计算机科学理论,并以清新的笔触、生动的语言给出了宽泛的数学理论,而并非拘泥于某些低层次的技术细节。在证明之前,均有“证明思路”,帮助读者理解数学形式下蕴涵的概念。同样,对于算法描述,均以直观的文字,而非伪代码给出,从而将注意力集中于算法本身,而不是某些模型。本书的内容包括三个部分:自动机与语言、可计算性理论和一起来看看 《计算理论导引》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具