Storage.getItem()
getItem()
作为 Storage
接口的方法,接受一个键名(key name)作为参数,并返回对应键名的值(key's value)。
语法
var aValue = storage.getItem(keyName);
参数
keyName
-
一个包含键名的
DOMString
。
返回值
一个 DOMString
,键名对应的值。如果键名不存在于存储中,则返回 null
。
示例
下面的函数从本地存储中获取三个数据项,然后使用他们在页面上设置自定义样式:
function setStyles() {
var currentColor = localStorage.getItem('bgcolor');
var currentFont = localStorage.getItem('font');
var currentImage = localStorage.getItem('image');
document.getElementById('bgcolor').value = currentColor;
document.getElementById('font').value = currentFont;
document.getElementById('image').value = currentImage;
htmlElem.style.backgroundColor = '#' + currentColor;
pElem.style.fontFamily = currentFont;
imgElem.setAttribute('src', currentImage);
}
备注: 一个实际的例子 Web Storage Demo。
规范
Specification |
---|
HTML Standard # dom-storage-getitem-dev |
浏览器兼容性
BCD tables only load in the browser