完整实例如下:
实例
<divstyle="border: 2px dashed #ccc;width:320px;text-align:center;"> <labelfor="keyname">别名(key):label> <inputtype="text"id="keyname"name="keyname"class="text"/> <br/> <labelfor="sitename">网站名:label> <inputtype="text"id="sitename"name="sitename"class="text"/> <br/> <labelfor="siteurl">网 址:label> <inputtype="text"id="siteurl"name="siteurl"/> <br/> <inputtype="button"onclick="save()"value="新增记录"/> <hr/> <labelfor="search_site">输入别名(key):label> <inputtype="text"id="search_site"name="search_site"/> <inputtype="button"onclick="find()"value="查找网站"/> <pid="find_result"><br/>p> div>
实例中的 loadAll 输出了所有存储的数据,你需要确保 localStorage 存储的数据都为 JSON 格式,否则 JSON.parse(str) 将会报错。