Storage getItem() 方法

实例

获取指定的本地存储项的值:

<!DOCTYPE html>
<html>
<body>
<p>此示例演示如何使用 getItem() 方法获取指定本地存储项的值。</p>
<h2>丢失会话存储项项?</h2>
<p>由于会话存储中可能没有存储任何项目，因此我们添加了一个脚本，为您创建了一些项目。</p>
<button onclick="createItems()">创建会话存储项目</button>
<h2>获取名为 "mytime" 的本地存储项的值</h2>
<p>单击按钮以获取项目值:</p>
<button onclick="myFunction()">获取项目值</button>
<p id="demo">
<script>
function createItems() {
  localStorage.mytime = Date.now();
}
function myFunction() {
  var x = localStorage.getItem("mytime");
  document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>

运行一下

定义与用法

getItem() 方法返回指定存储对象项的值。

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

浏览器支持

方法
getItem()	4	8	3.5	4	10.5

语法

    localStorage.getItem(keyname)

或者:

    sessionStorage.getItem(keyname)

参数值

参数	描述
keyname	必填。指定要获取其值的键的名称的字符串

技术细节

DOM 版本:	Web Storage API
返回值:	一个字符串，表示指定键的值

更多实例

实例

相同的示例，但使用会话存储而不是本地存储。

获取指定会话存储项的值:

<!DOCTYPE html>
<html>
<body>
<p>此示例演示如何使用 getItem() 方法获取指定会话存储项的值。</p>
<h2>丢失会话存储项项?</h2>
<p>由于会话存储中可能没有存储任何项目，因此我们添加了一个脚本，为您创建了一些项目。</p>
<button onclick="createItem()">创建会话存储项目</button>
<h2>获取名为 "test1" 的会话存储项的值</h2>
<p>单击按钮以获取项目值:</p>
<button onclick="myFunction()">获取项目值</button>
<p id="demo">
<script>
function createItem() {
  sessionStorage.test1 = "hello";
}
function myFunction() {
  var x = sessionStorage.getItem("test1");
  document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>

运行一下

实例

您还可以使用点符号（obj.key）获取值:

<!DOCTYPE html>
<html>
<body>
<button onclick="createItem()">创建会话存储项目</button>
<p>单击按钮以获取项目值:</p>
<button onclick="myFunction()">获取项目值</button>
<p id="demo">
<script>
function createItem() {
  sessionStorage.test1 = "hello";
}
function myFunction() {
  var x = sessionStorage.test1;
  document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>

运行一下

实例

您也可以这样来得到值:

<!DOCTYPE html>
<html>
<body>
<button onclick="createItem()">创建会话存储项目</button>
<p>单击按钮以获取项目值:</p>
<button onclick="myFunction()">获取项目值</button>
<p id="demo">
<script>
function createItem() {
  sessionStorage.test1 = "hello";
}
function myFunction() {
  var x = sessionStorage["test1"];
  document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>

运行一下

Storage getItem() 方法

实例

定义与用法

浏览器支持

语法

参数值

技术细节

更多实例

实例

实例

实例

相关页面

分类导航