<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script language="JavaScript"> function onLoad() { if(typeof(Storage) == "undefined") { alert("您的浏览器不支持Web storage") } else { btn_save.addEventListener("click", saveToLocalStorage); btn_load.addEventListener("click", loadFromLocalStorage); } } function saveToLocalStorage() { localStorage.usename = inputname.value; } function loadFromLocalStorage() { show_LocalStorage.innerHTML = localStorage.usename + "你好~欢迎来到我的网站~"; } </script> </head> <body> <body onload="onLoad()"> <img src="img/32bf456d57b9e37f12d52aad1090a02c_t01c55ce3d95f089200.jpg" width="1000px" height="600px"></br> 请输入你的姓名:<input type="text" id="inputname" value=""></br> <div id="show_LocalStorage"></div> <button id="btn_save">存储到localStorage</button> <button id="btn_load">从localstorage读取数据</button> </body> </body> </html>
Storage存储范例
猜你喜欢
转载自blog.csdn.net/guoshuyan12/article/details/80377637
今日推荐
周排行