HTML5 LocalStorage Local Storage

LocalStorage ถูกจัดเก็บในท้องถิ่นซึ่งสามารถใช้สำหรับการเก็บรักษาข้อมูลระยะยาวในเว็บไซต์ทั้งหมด

วัตถุนี้สามารถเรียกได้ในภาษา JavaScript ผ่าน window.localstorage หรือ localstorage

1) ข้อ จำกัด ในกลยุทธ์ต้นฉบับเดียวกัน หากคุณต้องการใช้งาน LocalStorage เดียวกันระหว่างหน้าต่างๆหน้าเหล่านี้จะต้องอยู่ภายใต้โปรโตคอลเดียวกันชื่อโฮสต์เดียวกันและพอร์ตเดียวกัน (ข้อมูลการจัดเก็บ IE8 และ 9 ขึ้นอยู่กับชื่อโฮสต์เดียวกันโดยไม่สนใจข้อกำหนดของโปรโตคอล (HTTP และ HTTPS) และหมายเลขพอร์ต)

2) เก็บไว้ในพื้นที่เท่านั้น ข้อมูลของ LocalStorage จะไม่ถูกส่งไปยังเซิร์ฟเวอร์ด้วยคำขอ HTTP ซึ่งจะมีผลในเครื่องเท่านั้น

3) การเก็บรักษาถาวร ข้อมูลที่บันทึกไว้ไม่หมดอายุจนกว่าจะลบด้วยตนเอง

4) วิธีการจัดเก็บ วิธีการจัดเก็บข้อมูลของ LocalStorage ทำและคุ้มค่า ค่าของค่าจะต้องเป็นประเภทสตริง (ไม่ใช่ที่ไม่ใช่ -และมันจะถูกแปลงเป็นสตริงในระหว่างการจัดเก็บค่าที่แท้จริงจะถูกแปลงเป็นจริง)

5) ขีด จำกัด การจัดเก็บ: เบราว์เซอร์ที่แตกต่างกันเก็บขีด จำกัด บน แต่เบราว์เซอร์ส่วนใหญ่ จำกัด ขีด จำกัด บนให้น้อยกว่า 5MB

6) แบ่งปันกับเบราว์เซอร์ ข้อมูล LocalStorage สามารถใช้ร่วมกันระหว่างหน้า -แหล่งข้อมูลเดียวกันของแท็บที่แตกต่างกันของเบราว์เซอร์เดียวกัน

เบราว์เซอร์ LocalStorage รุ่นเล็กที่สุด: IE8, Chrome 5

การจัดเก็บข้อมูลท้องถิ่นเหมาะสำหรับ 2 สถานที่:

1) รูปแบบการเก็บรักษาชั่วคราวที่มีข้อมูลขนาดใหญ่ เช่นการเก็บรักษาบทความแก้ไขออนไลน์โดยอัตโนมัติ

2) ข้อมูลทั่วไปการเข้าถึงหลายหน้า SessionStorage ใช้ได้กับหน้าแท็บเดียวกันเท่านั้น

READENLY int localStorage.length: ส่งคืนจำนวนเต็มแสดงจำนวนรายการข้อมูล (คู่ค่าคีย์) ที่เก็บไว้ในวัตถุ LocalStorage

String localstorage.key (INT ดัชนี): ส่งคืนชื่อคีย์ของหมายเลขซีเรียลดัชนีของวัตถุ LocalStorage ปัจจุบัน ถ้าไม่ส่งคืนค่า null

StringLocalStorage.getItem (คีย์สตริง): ค่าที่สอดคล้องกับชื่อคีย์ (คีย์) ถ้าไม่ส่งคืนค่า null

VoidLocalStorage.setItem (คีย์สตริง, ค่าสตริง): วิธีนี้ยอมรับชื่อคีย์ (คีย์) และค่าเป็นพารามิเตอร์เพื่อเพิ่มค่าคีย์ลงในที่เก็บข้อมูล

VoidLocalStorage.removeItem (คีย์สตริง): ลบชื่อคีย์ที่ระบุออกจากวัตถุ LocalStorage

voidlocalstorage.clear (): ล้างรายการทั้งหมดของวัตถุ LocalStorage

ที่เก็บข้อมูล: เมื่อมีการเปลี่ยนแปลง LocalStorage เหตุการณ์นี้จะถูกทริกเกอร์

เหตุการณ์นี้มีกลไกทริกเกอร์ที่แตกต่างกันใน IE 11 และ Chrome:

1) ไม่ว่าจะเป็นหน้าปัจจุบันหรือไม่: เมื่อหน้าปัจจุบันดำเนินการโดย LocalStorage หรือไม่ IE 11 คือหน้าปัจจุบันที่ทริกเกอร์เหตุการณ์นี้

2) การดำเนินการซ้ำของ LocalStorage: หากคุณฝากข้อมูลที่ซ้ำกันเช่น 11 จะถูกเรียกใช้เหตุการณ์นี้และ Chrome จะไม่กระตุ้นเหตุการณ์นี้

 localstorage.setItem ('testkey', 'นี่คือค่าทดสอบ "); //

 localstorage ['testkey'] = 'นี่คือค่าค่าของการทดสอบ';

 localstorage.getItem ('testKey');

 localstorage ['testkey'];

LocalStorage ยังสามารถจัดเก็บวัตถุ JSON: ในระหว่างการจัดเก็บวัตถุจะถูกแปลงเป็นรูปแบบข้อความผ่าน json.stringify ();

 VAR userntity = {ชื่อ: 'tom', อายุ: 22}; : 获取到的 JSON 字符串转换回对象 var userjsonsters = localstorage .getItem ('ผู้ใช้'); userentity = json.parse (userjsonstr); console.log (userentity.name);