<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>H5表格提交</title> <script src="appWeb.js"></script></head><body> <p id="msg"></p> <textarea id="memo" cols="60" rows="10"></textarea><br/> <input type="button" value="追加数据" onclick="saveStorage('memo')"> <input type="button" value="删除数据" onclick="clearStorage()"></body></html>
function saveStorage(id){ var data = document.getElementById(id).value; var time = new Date().getTime(); localStorage.setItem(time,data); loadStorage('msg'); }function loadStorage(id){ var result = "<table border = '1'>"; for(var i = 0;i < loadStorage.length;i++){ var key = localStorage.key(i); var value = localStorage.getItem(key); var date = new Date(); date.setTime(key); result += "<tr><td>"+value+"</td><td>"+date+"</td></tr>"; } result += "</table>"; var target = document.getElementById(id); target.innerHTML = result; }function clearStorage(){ localStorage.clear(); loadStorage('msg'); }
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>H5表格提交</title> <script src="appWeb.js"></script></head><body> <p id="msg"></p> <textarea id="memo" cols="60" rows="10"></textarea><br/> <input type="button" value="追加数据" onclick="saveStorage('memo')"> <input type="button" value="删除数据" onclick="clearStorage()"></body></html>
function saveStorage(id){ var data = document.getElementById(id).value; var time = new Date().getTime(); localStorage.setItem(time,data); loadStorage('msg'); }function loadStorage(id){ var result = "<table border = '1'>"; for(var i = 0;i < loadStorage.length;i++){ var key = localStorage.key(i); var value = localStorage.getItem(key); var date = new Date(); date.setTime(key); result += "<tr><td>"+value+"</td><td>"+date+"</td></tr>"; } result += "</table>"; var target = document.getElementById(id); target.innerHTML = result; }function clearStorage(){ localStorage.clear(); loadStorage('msg'); }
Ce qui précède est le contenu du développement du bloc-notes de message Html5 learning Journey-html5 (17). Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www). .php.cn) !