สรุป HTML5 LocalStorage

ใน HTML5 มีการเพิ่มคุณสมบัติ LocalStorage ใหม่ ขนาด 5m ซึ่งจะแตกต่างกันในเบราว์เซอร์ที่แตกต่างกัน

1. LocalStorage ขยายขีด จำกัด 4K ของคุกกี้

2. LocalStorage สามารถจัดเก็บข้อมูลการร้องขอแรกไปยังพื้นที่ท้องถิ่นได้โดยตรง . สนับสนุน

1. ขนาดของเบราว์เซอร์ไม่เหมือนกันและเวอร์ชัน IE ด้านบน IE8 รองรับคุณลักษณะของ LocalStorage เท่านั้น

2. ในปัจจุบันเบราว์เซอร์ทั้งหมดจะ จำกัด ประเภทค่าของ LocalStorage เป็นประเภทสตริง

3. LocalStorage ไม่สามารถอ่านภายใต้โหมดความเป็นส่วนตัวของเบราว์เซอร์

4. LocalStorage เป็นหลักอ่านบนสตริง

5. การจัดเก็บข้อมูลท้องถิ่นไม่สามารถจับได้โดยนักรวบรวมข้อมูล

ความแตกต่างเพียงอย่างเดียวระหว่าง LocalStorage และ SessionStorage คือ LocalStorage เป็นของที่เก็บถาวรและ SessionStorage เป็นส่วนสิ้นสุดของเซสชัน

ที่นี่เราใช้ LocalStorage เพื่อวิเคราะห์

นี่คือคำสั่งพิเศษ ความคิดเห็นเกี่ยวกับบล็อกเกอร์

ก่อนอื่นเมื่อใช้ LocalStorage เราจำเป็นต้องพิจารณาว่าเบราว์เซอร์รองรับแอตทริบิวต์ของ LocalStorage

 if (! window.localstorage) {แจ้งเตือน (เบราว์เซอร์รองรับ LocalStorage);

มีสามวิธีในการเขียน LocalStorage การเขียนของ LocalStorage

 if (! Torage [C]);}

ผลลัพธ์หลังจากรันไทม์มีดังนี้:

ที่นี่เราควรอธิบายโดยเฉพาะว่าการใช้งาน LocalStorage นั้นเป็นไปตามกลยุทธ์เดียวกัน -Origin ดังนั้นเว็บไซต์ที่แตกต่างกันจึงไม่สามารถแบ่งปัน LocalStorage เดียวกันได้

ในที่สุดผลลัพธ์ที่พิมพ์บนคอนโซลคือ:

ฉันไม่รู้ว่าผู้อ่านได้สังเกตว่าประเภท INT เพิ่งถูกเก็บไว้หรือไม่ แต่การพิมพ์เป็นสตริง

 if (! window.localstorage) {แจ้งเตือน (เบราว์เซอร์รองรับ localstorage);} else {var storage = window.localstorage; // เขียนลงในที่เก็บข้อมูลฟิลด์ C (C, 3); /วิธีแรกอ่าน var a = storage.a; console.log (a); .getItem (c);

นี่คือสามวิธีในการอ่าน LocalStorage ในหมู่พวกเขา

ฉันได้กล่าวไว้ก่อนหน้านี้ว่าฐานข้อมูลในพื้นที่เทียบเท่ากับฐานข้อมูลส่วนหน้า

มาพูดคุยเกี่ยวกับสองขั้นตอนของการลบและเปลี่ยนการจัดเก็บข้อมูลท้องถิ่น

เป็นการดีกว่าที่จะเข้าใจขั้นตอนนี้

 if (! window.localstorage) {แจ้งเตือน (เบราว์เซอร์รองรับ localstorage);} else {var storage = window.localstorage; // เขียนลงในที่เก็บข้อมูลฟิลด์ C SetItem (C, 3); ;

บนคอนโซลนี้เราจะเห็นว่าคีย์เปลี่ยนเป็น 4

1. ล้างเนื้อหาทั้งหมดของ LocalStorage

 var storage = window.localstorage;

2. ลบค่าคีย์ใน localstorage

 var storage = window.localstorage;

ผลลัพธ์มุมมองคอนโซล

 var storage = window.localstorage; จากนั้นบันทึก (คีย์);}

ใช้เมธอดคีย์ () เพื่อรับคีย์ที่เกี่ยวข้องจากดัชนีของดัชนีใน -and -out

โดยทั่วไปเราจะเก็บ JSON ใน LocalStorage แต่ LocalStorage จะแปลง LocalStorage เป็นรูปแบบสตริงโดยอัตโนมัติ

ในเวลานี้เราสามารถใช้ json.stringify () เพื่อแปลง JSON เป็นสตริง JSON

ตัวอย่าง:

 if (! window.localstorage) {แจ้งเตือน (เบราว์เซอร์รองรับ localstorage);} else {var storage = window.localstorage; d = json.stringify (ข้อมูล);

หลังจากอ่านสตริง JSON จะต้องถูกแปลงเป็นวัตถุ JSON และวิธี json.parse () ใช้เพื่อใช้วิธี json.parse ()

 var storage = window.localstorage; JSON String ลงใน JSON OUTCT OUTCT VAR JSON = Storage.GetItem (ข้อมูล);

พิมพ์เป็นวัตถุวัตถุ

อีกสิ่งที่ควรทราบคือต้องอ่านประเภทอื่น ๆ

ข้างต้นเป็นบทสรุปของการใช้งาน HTML5 LocalStorage ของบรรณาธิการ ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Vevb Wulin!