摘要:當(dāng)我們在頁面中填寫表單時,常常希望在頁面發(fā)生跳轉(zhuǎn)或刷新時能夠保留之前填寫的數(shù)據(jù)。中的可以幫助我們在客戶端上存儲填寫的表單數(shù)據(jù)。
當(dāng)我們在頁面中填寫表單時,常常希望在頁面發(fā)生跳轉(zhuǎn)或刷新時能夠保留之前填寫的數(shù)據(jù)。H5中的Web Storage API可以幫助我們在客戶端上存儲填寫的表單數(shù)據(jù)。
下面通過一個例子來說明用法。
HTML代碼
javascript代碼
//別忘了先引入jquery
這里主要用到了localStorage.setItem()和localStorage.getItem(),分別用來設(shè)置需要存儲的值和獲取已存儲的值。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/107815.html
摘要:當(dāng)頁面重新載入或者被恢復(fù)時,頁面會話也是一直存在的。自動保存一個文本域中的內(nèi)容,如果瀏覽器被意外刷新,則恢復(fù)該文本域中的內(nèi)容,所以不會丟失任何輸入的數(shù)據(jù)。該例中,我們測試數(shù)據(jù)項是否存在。 訪問原文地址 概述 DOM存儲的機(jī)制是通過存儲字符串類型的鍵/值對,來提供一種安全的存取方式.這個附加功能的目標(biāo)是提供一個全面的,可以用來創(chuàng)建交互式應(yīng)用程序的方法(包括那些高級功能,例如可以離線工作一...
一、本地存儲 1.1 了解本地存儲特性 1、數(shù)據(jù)存儲在用戶瀏覽器中 2、需要設(shè)置、讀取方便、甚至頁面刷新不丟失數(shù)據(jù) 3、容量大,sessionStorage約5M、localStorage約20M 4、只能存儲字符串,可以將對象JSON.stringify()編碼后存儲 1.2 window.sessionStorage 1、生命周期為關(guān)閉瀏覽器窗口 2、在用一個窗口頁面下數(shù)據(jù)...
摘要:使用存儲本文由赤石俊哉翻譯整理,您可以將本文自由地用于學(xué)習(xí)交流。原文鏈接英文存儲提供了瀏覽器可以在本地安全存儲鍵值對的一個機(jī)能,它比更為直觀。你可以參考一下功能檢測簡報英文。使用在存儲做出改變時進(jìn)行響應(yīng)會在對象發(fā)生變化時進(jìn)行相應(yīng)。 使用Web存儲API TODO:本文由 赤石俊哉 翻譯整理,您可以將本文自由地用于學(xué)習(xí)交流。如需用于其他用途請征得作者的同意。 原文鏈接:Using the...
閱讀 2026·2021-11-12 10:36
閱讀 1885·2021-11-09 09:49
閱讀 2604·2021-11-04 16:12
閱讀 1152·2021-10-09 09:57
閱讀 3242·2019-08-29 17:24
閱讀 1916·2019-08-29 15:12
閱讀 1278·2019-08-29 14:07
閱讀 1292·2019-08-29 12:53