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

تخزين الويب هو ميزة مهمة للغاية من قبل HTML5.

ينقسم تخزين الويب إلى نوعين:

• stsessionstorage
• OrlocalStorage

يمكن رؤيته من المعنى الحرفي.

سواء كانت SessionStorage ، أو LocalStorage ، فإن واجهات برمجة التطبيقات التي يمكن استخدامها هي نفسها.

• C حفظ البيانات: localstorage.setitem (المفتاح ، القيمة) ؛
• C قراءة البيانات: LocalStorage.getItem (KEY) ؛
• ： حذف بيانات واحدة: LocalStorage.RemoveItem (مفتاح) ؛
• L حذف جميع البيانات: localstorage.clear () ؛
• 索 مفتاح الحصول على فهرس معين: localstorage.key (index) ؛

كما سبق ، يجب أن تكون القيمة والقيمة.

بعد ذلك ، نقوم بتطوير برنامج صغير لمكتب العناوين من خلال تخزين الويب لإظهار استخدام واجهات برمجة التطبيقات ذات الصلة ؛

1. أدخل شخص الاتصال ، ويحتوي جهة الاتصال على حقلين ، ورقم الهاتف المحمول ، ويتم استخدام رقم الهاتف المحمول كـ KeyStorage باعتباره keystorage ؛

2. ابحث عن المالك وفقًا لرقم الهاتف المحمول ؛

3. سرد جميع معلومات الاتصال التي تم الحفاظ عليها حاليًا ؛

أولاً ، قم بإعداد صفحة HTML بسيطة ، على النحو التالي:

 <! ؛ : </label> <type type = text id = mobilephone name = mobilephone/> <br/> <input type = button onClick = save () value = new record/<hr/> <label for = searc = searc h_phone> أدخل رقم الهاتف المحمول: </label> <input type = text id = search_phone name = search_phone/> <input type = button onClick = find () value = find machine own/> <p id = find_result> <br </ > </p> </viv> <br/> <div id = list> </viv> </body> </html>

توضح الواجهة ما يلي:

لتحقيق الحفاظ على جهة الاتصال ، تحتاج فقط إلى تنفيذ طريقة JS التالية:

 // حفظ وظيفة Save ()

لتحقيق مالك المؤسس ، يتم تنفيذ طريقة JS التالية:

 // ابحث عن وظيفة البيانات ()

لإظهار جميع معلومات الاتصال المحفوظة ، تحتاج إلى استخدام طريقة localstorage.key (الفهرس) ، على النحو التالي:

 // استخراج جميع الكائنات المخزنة في LocalStorage وإظهار وظيفة loadall () <l> <td> الاسم </td> <td> رقم الهاتف المحمول </td> </tr> ؛ i) ؛ .innerhtml = result ؛} آخر {list.innerhtml = البيانات الحالية فارغة ، عجل للانضمام إلى شخص الاتصال ؛}}

التأثير على النحو التالي:

سؤال: تحتوي المظاهرات المذكورة أعلاه على حقلين وأسماء وأرقام هواتف محمولة. أليس تخزين الويب معالجة السلسلة فقط؟ في هذا الوقت ، يمكنك استخدام طريقة JSON's Stringify () لتحويل الكائنات المعقدة إلى سلسلة وتخزينها في تخزين الويب ؛

يضيف العرض التوضيحي البسيط التالي جهات اتصال سمات الشركة لحفظ رمز JS:

 // احفظ دالة البيانات () json.stringify (contact) ؛ getElementById (قائمة) ؛ > <td> <td> <td> الهواتف المحمولة </td> <td> الشركة </td> </tr> ؛ LocalStorage.Key (i) > <td>+conf tastbany+</td> </tr> ؛} النتيجة+= </table> ؛ شخص الاتصال ؛}}

التأثير على النحو التالي:

ما ورد أعلاه هو التخزين المحلي لـ HTML5 الذي قدمه Xiaobian. شكرا جزيلا لدعمكم لموقع VEVB Wulin!