关于本地存储localStorage
来源:互联网 发布:阿里云制作快照镜像 编辑:程序博客网 时间:2024/06/06 17:02
直接上代码:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div style="border: 2px dashed #ccc;width:320px;text-align:center;"> <label for="sitename">网站名(key):</label> <input type="text" id="sitename" name="sitename" class="text"/> <br/> <label for="siteurl">网 址(value):</label> <input type="text" id="siteurl" name="siteurl"/> <br/> <input type="button" onclick="save()" value="新增记录"/> <hr/> <label for="search_phone">输入网站名:</label> <input type="text" id="search_site" name="search_site"/> <input type="button" onclick="find()" value="查找网站"/> <p id="find_result"><br/></p> </div> <script type="text/javascript"> function save(){ if(window.localStorage){ var sitename=document.getElementById("sitename").value; var siteurl=document.getElementById("siteurl").value; localStorage.setItem(sitename,siteurl); alert("添加数据成功!"); }else{ alert("no support storage!"); } } function find(){ var search_site=document.getElementById("search_site").value; var sitename=localStorage.getItem(search_site); var find_result=document.getElementById("find_result"); find_result.innerHTML=search_site+"的网址是:"+sitename; } </script></body></html>
0 0
- 关于本地存储localStorage
- 关于本地存储localStorage
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- localStorage用于本地存储
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- 本地存储localstorage
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- 本地存储—localStorage
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- HTML5 LocalStorage 本地存储
- 卡特兰数 (hdu3723 Delta Wave)
- Mybatis分页插件
- 计算导论与C语言基础week7
- c++文件操作
- centOS7 /etc/sysconfig/ 找不到iptables 解决方法
- 关于本地存储localStorage
- Activity以对话框Dialog形式展现(显示大图)
- js获取dom下标(回头写个小案例)
- MINT-UI+阿里ICONFONT应用
- mac adb 找不到设备
- HTML5之本地存储对象Web Storage和storage事件监听无效问题
- POJ2349(最小生成树)
- Vue学习笔记
- prototype、_proto_和constructor的关系