输入网站名称和网址将他们保存在localStorage对象里面,输入网站的名称可以查询对应的网址
<div class="container" style="width: 300px; height: 170px; border: 1px solid skyblue; text-align: center;"><!-- 网站名称 --><label for="sitename">网站名称(key):</label><input type="text" id="sitename" name="sitename"><br><!-- 网址 --><label for="siteurl">网 址(value):</label><input type="text" name="siteurl" id="siteurl"><br><!-- 按钮 --><input type="button" value="新增记录" onclick="save()"><hr><!-- 查询 --><!-- 输入网站名称 --><label for="search_site">输入网站名称:</label><input type="text" name="search_site" id="search_site"><input type="button" value="查找网站" onclick="find()"><!-- 查找结果 --><p id="find_result"></p></div><script>// 新增记录function save(){var sitename = document.getElementById('sitename').value;var siteurl =document.getElementById('siteurl').value;localStorage.setItem(sitename,siteurl);alert('添加成功');}// 查询网站function find(){var search_site = document.getElementById('search_site').value;var sitename = localStorage.getItem(search_site);document.getElementById('find_result').innerHTML =search_site + '的网址是' + sitename;}</script>