学习HTML笔记

Web Storage 开发一个简单的网站列表程序

网站列表程序实现以下功能：

• 可以输入网站名，网址，以网站名作为key存入localStorage；
• 根据网站名，查找网址；
• 列出当前已保存的所有网站；

以下代码用于保存与查找数据：

save() 与 find() 方法

//保存数据  functionsave(){       varsiteurl = document.getElementById("siteurl").value;       varsitename = document.getElementById("sitename").value;       localStorage.setItem(sitename, siteurl);     alert("添加成功");}//查找数据  functionfind(){       varsearch_site = document.getElementById("search_site").value;       varsitename = localStorage.getItem(search_site);       varfind_result = document.getElementById("find_result");       find_result.innerHTML = search_site + "的网址是：" + sitename;  }