7.3.3 使用localStorage对象中的clear()方法
在HTML 5中,可以调用localStorage对象中的方法clear()清空localStorage对象中保存的所有数据。调用格式如下:

方法clear()是一个无参数方法,表示清空全部的数据。一旦使用localStorage对象保存了数据,用户就可以在浏览器中打开相应的代码调试工具,查看每条数据对应的键名与键值。执行删除或清空操作后,其对应的数据也会发生变化,这些变化可以通过浏览器的代码调试工具进行侦测。
下面将通过一个实例讲解使用localStorage对象中的clear()方法的方法。

实例文件5.html的实现代码如下。


脚本文件js5.js的代码如下。

执行后的效果如图7-8所示,单击“增加数据”按钮后会保存8条数据记录。如图7-9所示。

图7-8 初始效果

图7-9 保存8条数据记录
单击“清空数据”按钮后会删除保存的8条数据记录,如图7-10所示。