javascript - 我在获取 onclick 属性来运行 JavaScript 函数时遇到问题

Question

我尝试通过单击链接来触发函数，但这不起作用。

这适用于 <button>或<p>标签或其他任何内容，但不在链接上。

<a href="#" onclick="search()">click me</a>
<button onclick="search()">clickity</button>

JavaScript 函数:

function search()
{
    alert("hello");
    return false;
}

Answer 1

这是因为 a 链接有一个名为 .search 的属性，它不是一个函数。

当您分配内联处理程序时，元素的属性可以作为变量访问，因此 .search 属性/变量会隐藏全局 search() 函数.

只需更改名称即可。

<a href="#" onclick="mysearch()">click me</a>

<小时/>

function mysearch() {
    alert("hello");
    return false;
}

<小时/>

或者您可以直接从 window 对象访问全局函数。

<a href="#" onclick="window.search()">click me</a>

<小时/>

它适用于按钮，因为按钮没有该属性。