4、');">代码清单8-1但是两种方法对数据的处理方式不一样，使用sessionStorage方法时，如果关闭了浏览器，这个数据就丢失了，下一次打开浏览器，点击读取数据按钮时，读取不到任何数据。使用localStorage方法时，即使浏览器关闭了，下次打开浏览器时仍然能够读取被保存的数据。但是，数据保存是按不同的浏览器分别进行的，也就是说，如果打开别的浏览器，是读取不到在这个浏览器中保存的数据的我们来看一下读取数据部分。下面是读写数据

5、时使用的基本方法。sessionStorage保存数据：sessionStorage.setltem(key,value)读取数据：变量=sessionStorage.getItem(key)localStorage保存数据：localStorage.setltem(key,value),读取数据：变量=localStorage.getltem(key)保存时不允许重复保存相同的键名。保存后可以修改键值，伹不允许修改键名（只能重新取键名，然后再保存键值）。script.js脚本文件中的内容如代码清单8-2所示//sessionStorage示例functionsaveStorag

6、e(id){vartarget=document.getElementById(id);varstr=target.value;sessionStorage.setItem("message",str);//或sessionStorage.message=str;}functionloadStorage(id){vartarget=document.getElementById(id);varmsg=sessionStorage.getItem("message");//或varmsg=sessionStorage.message;target.innerHTML=msg;}//

7、localStorage示例functionsaveStorage(id){vartarget=document.getElementById(id);varstr=target.value;localStorage.setItem("message",str);//或localStorage.message=str;}functionloadStorage(id){vartarget=document.getElementById(id);varmsg=localStorage