Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

เมธอด key() ของ HTML DOM Storage


เมธอด key() ของ HTML DOM Storage ใช้สำหรับส่งคืนชื่อ key ที่ดัชนีที่กำหนดในออบเจ็กต์ storage ดัชนีถูกส่งเป็นพารามิเตอร์ให้เมธอด key() ออบเจ็กต์ storage สามารถเป็น session object หรือ localStorage object

ไวยากรณ์

ไวยากรณ์สำหรับ:

เมธอด key() โดยใช้ localStorage:

localStorage.key(index);

เมธอด key() โดยใช้ sessionStorage:

sessionStorage.key(index);

ที่นี่ index เป็นประเภท integer แทนหมายเลข key ที่คุณต้องการดึงชื่อ

ตัวอย่าง

มาดูตัวอย่างสำหรับเมธอด key() ของ Storage:

<!DOCTYPE html> <html> <body> <h1 style="text-align:center">storage key() method example</h1> <p>ดึงชื่อ key ของออบเจ็กต์แรกโดยคลิกปุ่มด้านล่าง</p> <button onclick="keyName()">GET NAME</button> <p id="Sample"></p> <script>    function keyName() {       var k = localStorage.key(1);       document.getElementById("Sample").innerHTML ="The key name of the second       localStorage object is "+k;    } </script> </body> </html>

ผลลัพธ์

จะได้ผลลัพธ์ดังนี้:

เมธอด key() ของ HTML DOM Storage

เมื่อคลิกปุ่ม GET NAME:

เมธอด key() ของ HTML DOM Storage