يتم تخزين 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 إلى هذا الحادث.
بيانات التخزين استخدم طريقة setItem () لتخزينها localstorage.setitem ('testkey' ، 'هذه قيمة اختبار ") ؛ // تخزين من خلال السماتLocalStorage ['testkey'] = 'هذه هي قيمة قيمة الاختبار "؛الحصول على البيانات القيمة من خلال طريقة getItem ()
localstorage.getitem ('testkey') ؛ القيمة عن طريق السمةLocalStorage ['testkey'] ؛تخزين كائن JSON
يمكن لـ LocalStorage أيضًا تخزين كائنات JSON: أثناء التخزين ، يتم تحويل الكائن إلى تنسيق نص من خلال json.stringify () ؛
var userntity = {name: 'tom' ، act: 22} ؛ : 获取到的 json 字符串转换回对象 var userjsonstr = localstorage .getItem ('user') ؛ userentity = json.parse (userjsonstr) ؛ console.log (userentity.name) ؛