做爰高潮a片〈毛片〉,尤物av天堂一区二区在线观看,一本久久A久久精品VR综合,添女人荫蒂全部过程av

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

html5的web存儲

來源:懂視網 責編:小采 時間:2020-11-27 15:08:43
文檔

html5的web存儲

html5的web存儲:以前我們在本地存儲數據都是用document.cookie來存儲的,但是由于其的存儲大小只有4K左右,解析也很復雜,給開發帶來了諸多的不便.不過現在html5出了web的存儲,彌補了cookie的不足,而且開放起來也是相當的方便web存儲分兩類sessionStorage容量大小
推薦度:
導讀html5的web存儲:以前我們在本地存儲數據都是用document.cookie來存儲的,但是由于其的存儲大小只有4K左右,解析也很復雜,給開發帶來了諸多的不便.不過現在html5出了web的存儲,彌補了cookie的不足,而且開放起來也是相當的方便web存儲分兩類sessionStorage容量大小
以前我們在本地存儲數據都是用document.cookie來存儲的,但是由于其的存儲大小只有4K左右,解析也很復雜,給開發帶來了諸多的不便.不過現在html5出了web的存儲,彌補了cookie的不足,而且開放起來也是相當的方便

web存儲分兩類

sessionStorage

容量大小約為5M左右,該方式的生命周期為關閉瀏覽器窗口為止

localStorage

容量大小約為20M左右, 存儲的數據不會隨著用戶瀏覽時會話過期而過期,但會應用戶的請求而刪除。瀏覽器也因為存儲空間的限制或安全原因刪除它們.而且類型存儲的數據可以同一個瀏覽器的多個窗口共享

注意點:只能存儲字符串,如果是json對象的話,可以將對象JSON.stringify() 編碼后存儲

方法詳解:

  setItem(key, value) 設置存儲內容

  getItem(key) 讀取存儲內容

  removeItem(key) 刪除鍵值為key的存儲內容

  clear() 清空所有存儲內容

下面我們就給個給大家看一下他的寫法:

  //更新
 function update() {
 window.sessionStorage.setItem(key, value);
 } //獲取
 function get() {
 window.sessionStorage.getItem(key);
 } //刪除
 function remove() {
 window.sessionStorage.removeItem(key);
 } //清空所有數據
 function clear() {
 window.sessionStorage.clear();
 }

查看效果的話,我們以谷歌瀏覽器為例子:

以前的老版本的話,是沒有Application的,老版本的為Resource

存儲完數據后的

下面我就給大家展示記錄用戶名和密碼的經典例子

當記住密碼的復選框勾上的時候,下次打開的時候,用戶名和密碼就不需要在重新輸入了

html部分:

<label for="">
用戶名: <input type="text" class="userName"/>
</label>
<br/><br/>
<label for="">
密 碼: <input type="password" class="pwd"/>
</label>
<br/><br/>
<label for="">
<input type="checkbox" class="ckb"/>
記住密碼
</label>
<br/><br/>
<button>登錄</button>

js部分

 var userName=document.querySelector('.userName'); var pwd=document.querySelector('.pwd'); var sub=document.querySelector('button'); var ckb=document.querySelector('.ckb');

 sub.onclick=function(){// 如果記住密碼 被選中存儲,用戶信息
 if(ckb.checked){
 window.localStorage.setItem('userName',userName.value);
 window.localStorage.setItem('pwd',pwd.value);
 }else{
 window.localStorage.removeItem('userName');
 window.localStorage.removeItem('pwd');
 }// 否則清除用戶信息 }

 window.onload=function(){// 當頁面加載完成后,獲取用戶名,密碼,填充表單
 userName.value=window.localStorage.getItem('userName');
 pwd.value=window.localStorage.getItem('pwd');
 }

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

html5的web存儲

html5的web存儲:以前我們在本地存儲數據都是用document.cookie來存儲的,但是由于其的存儲大小只有4K左右,解析也很復雜,給開發帶來了諸多的不便.不過現在html5出了web的存儲,彌補了cookie的不足,而且開放起來也是相當的方便web存儲分兩類sessionStorage容量大小
推薦度:
標簽: 存儲 html5 的存儲
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 丹凤县| 高碑店市| 迁安市| 台中市| 洛川县| 庆云县| 康保县| 郸城县| 玉树县| 洪江市| 海淀区| 兰西县| 安庆市| 县级市| 德令哈市| 林西县| 资溪县| 高雄县| 宜川县| 甘泉县| 锦屏县| 仁布县| 白河县| 安塞县| 武城县| 大埔县| 远安县| 金坛市| 井陉县| 陕西省| 南城县| 东乡族自治县| 吐鲁番市| 云阳县| 郎溪县| 大同县| 喀什市| 砚山县| 武平县| 抚宁县| 辽宁省|