HTML5 LocalStorage التخزين المحلي

يتم تخزين LocalStorage المحلي ، والذي يمكن استخدامه للحفاظ على البيانات على المدى الطويل على الموقع الإلكتروني بأكمله.

يمكن استدعاء هذا الكائن بلغة JavaScript من خلال Window.localStorage أو LocalStorage.

1) قيود على استراتيجية المصدر نفسها. إذا كنت ترغب في تشغيل نفس LocalStorage بين الصفحات المختلفة ، فيجب أن تكون هذه الصفحات ضمن نفس البروتوكول ، ونفس اسم المضيف ونفس المنفذ. (يعتمد بيانات التخزين IE8 و 9 على نفس اسم المضيف ، متجاهلاً متطلبات البروتوكول (HTTP و HTTPS) ورقم المنفذ)

2) مخزنة محليا فقط. لن يتم إرسال بيانات LocalStorage إلى الخادم باستخدام طلب HTTP ، والذي لن يسري محليًا إلا.

3) الحفاظ الدائم. لم تنتهي البيانات المحفوظة حتى الإزالة اليدوية.

4) طريقة التخزين. يتم صنع طريقة تخزين LocalStorage وقيمتها. يجب أن تكون قيمة القيمة نوع سلسلة (وليس غير المراد ، وسيتم تحويلها أيضًا إلى سلسلة أثناء التخزين. سيتم تحويل القيمة الحقيقية إلى TRUE).

5) حد التخزين: تخزين المتصفحات المختلفة الحد الأعلى ، ولكن معظم المتصفحات تحد من الحد الأعلى إلى أقل من 5 ميجابايت.

6) مشاركة مع المتصفح. يمكن مشاركة بيانات LocalStorage بين الصفحات نفسها التي تتبادلها في علامات التبويب المختلفة لنفس المتصفح.

أصغر إصدار من متصفح LocalStorage: IE8 ، Chrome 5.

LocalStorage أكثر ملاءمة لمكانين:

1) مخطط الحفظ المؤقت مع بيانات كبيرة. مثل الحفاظ على مقالات التحرير عبر الإنترنت.

2) الوصول متعدد الصفحات إلى البيانات الشائعة. لا ينطبق SessionStorage إلا على صفحة علامة التبويب نفسها.

readonly int localstorage.length: ارجع عددًا صحيحًا ، مما يشير إلى عدد عناصر البيانات (أزواج القيم الرئيسية) المخزنة في كائن LocalStorage.

String LocalStorage.Key (Int Index): إرجاع اسم المفتاح للرقم التسلسلي للفهرس لكائن LocalStorage الحالي. إذا لم يتم إرجاع فارغ.

StringLocalStorage.getItem (مفتاح السلسلة): القيمة المقابلة لاسم المفتاح (المفتاح). إذا لم يتم إرجاع فارغ.

voidlocalstorage.setitem (مفتاح السلسلة ، قيمة السلسلة): تقبل هذه الطريقة اسم المفتاح (المفتاح) والقيمة كمعلمة لإضافة قيمة المفتاح إلى التخزين ؛

voidlocalStorage.RemoveItem (مفتاح السلسلة): قم بإزالة اسم المفتاح المحدد من كائن LocalStorage.

voidlocalstorage.clear (): مسح جميع عناصر كائن LocalStorage.

التخزين: عندما يتغير إلى LocalStorage ، يتم تشغيل هذا الحدث.

هذا الحادث له آلية مشغل مختلفة في IE 11 والكروم:

1) ما إذا كانت الصفحة الحالية تدور: عندما يتم تشغيل الصفحة الحالية بواسطة LocalStorage ، فإن IE 11 هي الصفحة الحالية التي تثير هذا الحدث.

2) تكرار تشغيل LocalStorage: إذا قمت بإيداع البيانات المكررة ، فإن IE 11 يتم تشغيل هذا الحدث ، ولا يؤدي Chrome إلى هذا الحادث.

 localstorage.setitem ('testkey' ، 'هذه قيمة اختبار ") ؛ //

 LocalStorage ['testkey'] = 'هذه هي قيمة قيمة الاختبار "؛

 localstorage.getitem ('testkey') ؛

 LocalStorage ['testkey'] ؛

يمكن لـ LocalStorage أيضًا تخزين كائنات JSON: أثناء التخزين ، يتم تحويل الكائن إلى تنسيق نص من خلال json.stringify () ؛

 var userntity = {name: 'tom' ، act: 22} ؛ : 获取到的 json 字符串转换回对象 var userjsonstr = localstorage .getItem ('user') ؛ userentity = json.parse (userjsonstr) ؛ console.log (userentity.name) ؛