1. LocalStorage เป็นที่เก็บข้อมูลในท้องถิ่นและระยะเวลาการจัดเก็บไม่ จำกัด
2. ที่เก็บเซสชัน SessionStorage ข้อมูลการปิดหน้าจะหายไป
วิธีใช้:localstorage.setItem (คีย์, ค่า) // ที่เก็บข้อมูล
localstorage.getItem (คีย์) // กดปุ่มสำหรับค่า
localstorage.valueof () // รับมูลค่าเต็ม
localstorage.removeitem (คีย์) // ลบค่าเดียวให้ความสนใจกับเครื่องหมายใบเสนอราคา
localstorage.clear () // ลบข้อมูลทั้งหมด
localstorage.length // จำนวนข้อมูลที่ได้รับ
localstorage.key (n) // รับค่าคีย์ของข้อมูล NN
หมายเหตุ: LocalStorage และ SessionStorage เหมือนกับด้านบน
บทสรุปหลายประการของการใช้งานทั่วไป:localstorage.key = 1;
localstorage.removeitem (คีย์);
ต่อไปนี้เป็นตัวอย่างที่ใช้งานได้จริง:
เพื่อให้ได้เนื้อหาข้อความอินพุตในเครื่องเพื่อปิดเบราว์เซอร์และหลังจากเปิดใหม่เนื้อหาที่ป้อนก่อนหน้านี้ยังคงอยู่ (โดยทั่วไปจะป้อนที่ฟิลด์วันหยุดในบันทึกโทรศัพท์มือถือ)
ก่อนอื่นให้สร้างโดเมนข้อความบนหน้า <textarea> </ceplarea> ด้านล่างคือ jQuery:
if (! localstorage.getItem (text)) // วัตถุหน้าต่าง, หน้าต่างก่อนหน้านี้ละเว้น localstorage.setItem (text,); หากถูกกำจัดไปที่ localstorage.text = localstorage.getItem (ข้อความ); ในฐานะที่เป็นเบลอ, การเปลี่ยนแปลง, คีย์ดาวน์และตัวจับเวลาซึ่งใช้งานได้จริงในการจัดเก็บข้อมูลหลายฟิลด์ localstorage.setItem (ข้อความ, $ (นี่) .val ());
ข้างต้นสามารถบรรลุฟังก์ชั่นขนาดเล็กที่ใช้งานได้จริงซึ่งสะท้อนให้เห็นว่าการจัดเก็บในท้องถิ่นของ H5 ยังคงมีประโยชน์ ดูสิ่งต่อไปนี้โหลดจากอินเทอร์เน็ต
<script type = text/javascript> if (window.sessionStorage) {Alert ('OK');} else {Alert ('Fail');} // Set Value .setItem A ', 1); SessionStorage.getItem ('key_a'); console.log (key_a); ); =============== '); log (key_d); // มีความแตกต่างเล็กน้อยหากคีย์นี้หายไป ค่าส่งคืนหนึ่งอันที่ไม่ได้กำหนดคือ NULL Console.log (SessionStorage.key_null); === == เพียงแสดงตัวอย่างของการจัดเก็บวัตถุ ======== '); A 'A', Y: ['BB', 12, 'CC', {A: 1, B: 2}], Z: 1333}}; ; ++) {คอนโซล SessionStorage.RemoveItem ('' 'Pay');ตัวอย่าง: Digger รีเฟรชหน้าคุณสามารถดูเอฟเฟกต์:
<div id = test> </div> <script> var storage = window.localstorage; เป็นรูปแบบการแปลง Document.getElementById (ทดสอบ) .innerhtml = storage.pageLoadCount;
ควรสังเกตว่าที่เก็บข้อมูลท้องถิ่นของ HTML5 สามารถเก็บไว้ในสตริงเท่านั้น นี่คือเหตุผลที่ต้องใช้ ParseInt ในรหัสก่อนหน้า
ด้านบนเป็นค่าการแปรงสำหรับการจัดเก็บข้อมูลท้องถิ่น HTML5 ที่ฉันแนะนำให้รู้จักกับคุณ ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Vevb Wulin!