欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
    通过此方法可以返回指定索引位置数据项的键名。
    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