7.3.3  使用localStorage对象中的clear()方法

7.3.3 使用localStorage对象中的clear()方法

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

978-7-111-53392-4-Part03-30.jpg

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

下面将通过一个实例讲解使用localStorage对象中的clear()方法的方法。

978-7-111-53392-4-Part03-31.jpg

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

978-7-111-53392-4-Part03-32.jpg

978-7-111-53392-4-Part03-33.jpg

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

978-7-111-53392-4-Part03-34.jpg

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

978-7-111-53392-4-Part03-35.jpg

图7-8 初始效果

978-7-111-53392-4-Part03-36.jpg

图7-9 保存8条数据记录

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