如何用js清除网页所有内容

新建一个html页面 , 定名为test.html , 用于讲解若何用js断根网页所有内容 。

如何用js清除网页所有内容

文章插图

2在test.html页面内 , 利用p标签建立三行文字 , 代码如下:

如何用js清除网页所有内容

文章插图

3在p标签的下面 , 建立一个button按钮 , 按钮名称为“断根网页内容” 。

如何用js清除网页所有内容

文章插图

4给button按钮绑定onclick点击事务 , 当按钮被点击时 , 执行delAll()函数 。

如何用js清除网页所有内容

文章插图

5在test.html页面内 , 利用function建立delAll函数 , 代码如下:

如何用js清除网页所有内容

文章插图

6在delAll函数内 , 获适当前页面body对象 , 利用innerHTML属性赋值为空的方式断根网页内容 。

如何用js清除网页所有内容

文章插图

7【如何用js清除网页所有内容】在浏览器中打开test.html页面 , 点击“断根网页内容”按钮 , 网页显示空白 , 内容被断根 。

如何用js清除网页所有内容

文章插图

如何用js清除网页所有内容

文章插图

如何用js清除网页所有内容

文章插图

以上内容就是如何用js清除网页所有内容的内容啦 , 希望对你有所帮助哦!

    推荐阅读