当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


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。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。