當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


HTML DOM Storage key()用法及代碼示例


DOM存儲key()方法與Storage對象有關,用於返回具有指定索引的鍵的名稱。存儲對象可以是localStorage或sessionStorage對象。

用法:

  • 本地存儲:
    localStorage.key(index)
  • 會話存儲:
    sessionStorage.key(index)
  • 參數:它接受一個參數,即索引,以獲取具有特定給定索引的鍵的名稱。


    返回值:以字符串形式返回鍵名。

    以下是顯示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()方法支持的瀏覽器:

    • 穀歌瀏覽器4
    • Internet Explorer 8
    • Firefox 3.5
    • Opera 10.5
    • Safari 4


相關用法


注:本文由純淨天空篩選整理自Code_Mech大神的英文原創作品 HTML | DOM Storage key() Method。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。