DOM存储key()方法与Storage对象有关,用于返回具有指定索引的键的名称。存储对象可以是localStorage或sessionStorage对象。
用法:
- 本地存储:
localStorage.key(index)
- 会话存储:
sessionStorage.key(index)
- 点击前:
- 点击后:
- 谷歌浏览器4
- Internet Explorer 8
- Firefox 3.5
- Opera 10.5
- Safari 4
参数:它接受一个参数,即索引,以获取具有特定给定索引的键的名称。
返回值:以字符串形式返回键名。
以下是显示HTML DOM存储key()对象工作原理的HTML代码:示例:
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Storage key() Method
</title>
<!-- Script to get the name of the key -->
<script>
function myGeeks() {
var key = localStorage.key(0);
document.getElementById(
"geeks").innerHTML = key;
}
</script>
</head>
<body>
<h1>GeeksForGeeks</h1>
<h2>DOM Storage key() Method</h2>
<br>
<button onclick="myGeeks()">
Submit
</button>
<p id="geeks"></p>
</body>
</html>
输出:
支持的浏览器:下面列出了DOM Storage key()方法支持的浏览器:
相关用法
- HTML DOM Storage getItem()用法及代码示例
- HTML DOM Storage removeItem()用法及代码示例
- HTML DOM Storage setItem()用法及代码示例
- HTML Storage事件用法及代码示例
- HTML Storage length用法及代码示例
- HTML DOM contains()用法及代码示例
- HTML DOM addEventListener()用法及代码示例
- HTML DOM setRangeText()用法及代码示例
- HTML DOM insertBefore()用法及代码示例
- HTML DOM click()用法及代码示例
- HTML DOM getElementsByClassName()用法及代码示例
- HTML DOM exitFullscreen()用法及代码示例
- HTML DOM open()用法及代码示例
注:本文由纯净天空筛选整理自Code_Mech大神的英文原创作品 HTML | DOM Storage key() Method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。