JS中的clear()方法为什么不起作用？

问题描述

最近在做项目时，在HTML中编写了一个超链接，超链接调用Js中的clear()方法，但是无论怎么尝试发现clear()方法都不起作用，这是怎么回事呢？HTML中的代码如下：

<a href="javascript:void(0)" onclick="clear()">清除</a>

JS中的代码如下：

function clear(){
alert("清除成功”);
}

原因分析

这是因为HTML中的document对象中也有一个clear()方法，即document.clear()，是清除指定文档的内容。因此如果直接写οnclick="clear()"这样会默认调用document.clear()方法，而不是在js中编写的clear()方法，自然无法达到clear()方法中的效果。

解决方案

方案1

在方法名前加上window进行限定，就会调用js中编写的clear()方法了，代码如下：

<a href="javascript:void(0)" onclick="window.clear()">清除</a>

方案2

简单粗暴，换一个方法名即可。既然知道clear()方法和document方法中的名称冲突，那换一个方法名，比如selfClear()等，就不会出现这个问题了。