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。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。