阅读 215

Storage getItem() 方法

getItem()方法在给定的存储对象中,返回指定键名的值。

如果指定的键不存在,则此方法返回null

getItem()方法属于存储对象,可以是localStorage对象或sessionStorrage对象。

语法:

localStorage.getItem(keyName)
sessionStorage.getItem(keyName)

示例

var x = localStorage.getItem("image");

测试看看‹/›

浏览器兼容性

表中的数字指定了完全支持getItem()方法的第一个浏览器版本:

Method
getItem()43.511.549

参数值

参数描述
keyName一个字符串,其中包含要检索其值的键的名称

技术细节

返回值:包含指定键值的字符串。如果指定的键不存在,则返回null
DOM版本:网络存储API

更多实例

返回指定的会话存储项的值:

示例

var x = sessionStorage.getItem("age");

测试看看‹/›

您还可以使用点表示法获取值:

示例

var x = localStorage.url;

测试看看‹/›

以下函数从本地存储中检索三个数据项,然后使用它们在页面上设置自定义样式:

示例

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;

   root.style.backgroundColor = currentColor;
   p.style.fontFamily = currentFont;
   img.setAttribute('src', currentImage);
}

测试看看‹/›


文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐