|
本地存儲 web storage 客戶端存儲數(shù)據(jù) sessionStorage臨時保存 sessionStorage.settime('key','value'); sessionStorage.key="value";
臨時讀取: 變量=sessionStorage.getItem('key'); sessionStorage.key
html5部分: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>本地存儲</title> <script type="text/javascript" src="本地存儲.js"></script> </head> <body> <h1>webStorage本地存儲</h1> <p id="msg"></p> <input type="text" id="input"> <input type="button" value="保存數(shù)據(jù)" onclick="saveStorage('input');"> <input type="button" value="讀取數(shù)據(jù)" onclick="loadStorage('msg');"> </body> </html>
javascript部分: function saveStorage(id) { var target=document.getElementById(id); var str=target.value; /*str用于保存那邊傳遞的數(shù)據(jù)*/ sessionStorage.setItem("mess",str); /*開始保存那邊傳遞的數(shù)據(jù)*/ }
function loadStorage(id) { var target=document.getElementById(id); var msg=sessionStorage.getItem("mess"); target.innerHTML=msg; }
分享知識,分享快樂!希望中國站在編程之巔! ----融水公子 公眾微信號:rsgz520 360圖書館館號:rsgz002.360doc.com
|