HTML5 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>永久储存</title> <script type="text/javascript" src="永久储存.js"></script> </head> <body> <h1>永久储存</h1> <p id="msg"></p> <input type="text" id="input"> <input type="button" value="保存数据" onclick="savaStorage('input');"> <input type="button" value="读取数据" onclick="loadStorage('msg');"> </body> </html>
javascript: function savaStorage(id) { var target=document.getElementById(id); var str=target.value; localStorage.setItem("mess",str); }
function loadStorage(id) { var target=document.getElementById(id); var msg=localStorage.getItem("mess"); target.innerHTML=msg; }
分享知识,分享快乐!希望中国站在编程之巅! ----融水公子 公众微信号:rsgz520 360图书馆馆号:rsgz002.360doc.com
|