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> </swertarea> ، أدناه هو jQuery:
if (! localstorage.getitem (نص) // كائن نافذة ، فإن النافذة السابقة تتجاهل. إذا تم التخلص منها إلى LocalStorage. كطمس ، تغيير ، وتوقيت ، وهو عملي في التخزين متعدد الحقول localstorage.setItem (text ، $ (this) .val ()) ؛
يمكن أن يحقق ما سبق وظيفة صغيرة ، مما يعكس أن التخزين المحلي لـ H5 لا يزال مفيدًا. انظر ما يلي ، تحميل من الإنترنت
<script type = text/javaScript> if (window.sessionStorage) {Alert ('ok') ؛} {Alert ('fail') ؛} // set value. SessionStorage.getItem (key_a ') ؛ ) ؛ ============ 'يمكن أيضًا استخدام قيمة الإعداد والقيمة. سجل (key_d) ؛ قيمة واحدة غير محددة ، واحدة هي Console.log (SessionStorage.key_null) ؛ === == قم ببساطة بإظهار مثال على تخزين الكائن ======== ') ؛ A 'A' ، y: ['bb' ، 12 ، 'cc' ، {a: 1 ، b: 2}] ، z: 1333}} ؛ ؛ ++) {console. SessionStorage.RemoveItem ('' 'pay') ؛مثال: Digger ، قم بتحديث الصفحة ، يمكنك رؤية التأثير:
<div id = test> </viv> <script> var storage = window.localStorage ؛ يكون تنسيقًا لتحويل المستند
تجدر الإشارة إلى أن التخزين المحلي لـ HTML5 لا يمكن تخزينه إلا في سلسلة. هذا هو السبب في أنه يجب استخدام Parseint في الكود السابق.
ما ورد أعلاه هو HTML5 LocalStorage Torking Bression التي قدمتها لك. شكرا جزيلا لدعمكم لموقع VEVB Wulin!