通过此方法可以返回指定索引位置数据项的键名。
sessionStorage更多内容参阅sessionStorage用法一章节。
特别说明:不建议使用此方法,后面会介绍原因。
语法结构:
[JavaScript]纯文本查看复制代码
1
letkeyName=localStorage.key(index)
参数解析:
(1).index:数据项的索引,一个整数,从0开始计数。
代码实例如下:
[HTML]纯文本查看复制代码运行代码
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
<!DOCTYPEhtml>
<htmllang="zh-cn">
<head>
<metacharset="utf-8">
<metaname="author"content="http://www.softwhy.com/"/>
<title></title>
<script>
sessionStorage.setItem("name","");
sessionStorage.setItem("url","www.softwhy.com");
sessionStorage.setItem("address","青岛市南区");
</script>
</head>
<body>
在谷歌开发者工具查看数据
</body>
</html>
上述代码通过setItem()方法添加三个数据项。
代码运行效果截图如下:
a:3:{s:3:\"pic\";s:43:\"portal/201910/20/174347d282ssu19j92sxpi.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}
代码进行一下简单分析:
(1).通过setItem()方法添加三个数据项。
(2).可以看到添加的顺序和数据实际的排序并不相同。
(3).排序是根据各自浏览器客户端自己的规则进行排序。
(4).由此,不推荐使用sessionStorage.key()方法获取键名。
[HTML]纯文本查看复制代码运行代码
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
<!DOCTYPEhtml>
<htmllang="zh-cn">
<head>
<metacharset="utf-8">
<metaname="author"content="http://www.softwhy.com/"/>
<title></title>
<script>
sessionStorage.setItem("name","");
sessionStorage.setItem("url","www.softwhy.com");
sessionStorage.setItem("address","青岛市南区");
console.log(sessionStorage.key(1));
</script>
</head>
<body>
在谷歌开发者工具查看数据
</body>
</html>
代码运行效果截图如下:
a:3:{s:3:\"pic\";s:43:\"portal/201910/20/174410ty3kb7bb6y7b5t7p.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}
上述代码可以打印出索引为1的数据项的键名,也就是第二个数据项的键名。
由第一段代码的运行效果截图看,键名是"address"。
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h56332.shtml