<input type="text" placeholder="請輸入姓名" id="name"><input type="phone" placeholder="請輸入電話" id="phone"><button οnclick="storage()">點擊</button><p id="result"></p><p id="times"></p><p id="sname"></p><script>//存儲var re=document.getElementById('result');var times=document.getElementById('times');if(typeof(Storage)!="undifine"){localStorage.setItem('lastName','Gates');//alert(localStorage.getItem('lastName'));re.innerHTML=localStorage.getItem('lastName');}else{re.innerHTML="抱歉！您的瀏覽器不支持Web Storage";}//查看訪問次數，存儲，關閉瀏覽器，再打開瀏覽器還在if(localStorage.pagecount){localStorage.pagecount=Number(localStorage.pagecount)+1;}else{localStorage.pagecount=1;}//sessionStorage訪問次數，關閉瀏覽器，本地存儲也會消失if(sessionStorage.pagecount){sessionStorage.pagecount=Number(sessionStorage.pagecount)+1;}else{sessionStorage.pagecount=1;}times.innerHTML="您訪問的次數是localStorage："+localStorage.pagecount+"您訪問的次數是sessionStorage："+sessionStorage.pagecount;//存儲表單內容function storage(){var name=document.getElementById('name').value;var phone=document.getElementById('phone').value;var user={name:name,phone:phone};//JSON形式//alert(user.name);localStorage.setItem("user",JSON.stringify(user));//存儲時將JSON形式轉化成字符串形式var sname=JSON.parse(localStorage.getItem('user')).name;//getItem獲取了字符串，JSON.parse將字符串形式轉化成JSON形式，之后取JSON數據里面的name值，即存儲的name值//alert(sname);document.getElementById('sname').innerHTML=sname;}//清除存儲的內容localStorage.setItem('name','zz');alert(localStorage.getItem('name'));localStorage.removeItem('name');alert(localStorage.getItem('name'));

?

轉載于:https://www.cnblogs.com/zhaixr/p/6879500.html

總結

以上是生活随笔為你收集整理的HTML5存储的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。