Question

我有需要在点击事件上运行的功能。但是它可以正常使用锚标记的onclick属性，但不能使用HREF属性。它给id未定义。这是演示代码

HTML

<a href="javascript:test(this)" id="first">click</a>

JS

function test(obj){
alert(obj.id)
}

Answer 1

该上下文中的

this是window，而不是控件。在href中放置javascript与onclick之类的事件处理程序不同。这是一个fiddle。

Answer 2

这是一个修复：

<a href="#" onclick="javascript:test(this);" id="first">click</a>

Answer 3

我很喜欢Matt Kruse's Javascript Best Practices条。在其中，他声明使用href部分执行JavaScript代码是一个坏主意。

这里有一些在锚点调用javascript的好方法：

<a href="javascript:;" onClick="return DoSomething();">link</a>
<a href="javascript:void(0);" onClick="return DoSomething();">link</a>
<a href="#" onClick="return DoSomething();">link</a>

Answer 4

使用锚标记的onclick事件。这个内部href代表当前窗口。

Answer 5

这个问题已经得到了答案但是如果你想使用你在问题中使用的函数那么你应该使用它像

<强> HTML：

<a href="http://heera.it" onclick="return test(this.id)" id="first">click</a>

<强> JS：

function test(obj){
    alert(obj);
    return false; // this is required to stop navigation to that link
}

注意，return false，如果您在此href中有价值，那么您应该使用return false，但还有其他选项，例如event.preventDefault()或{{1}因为这个原因。

DEMO.另一个DEMO（没有event.returnValue = false (for IE)）。阅读MDN上的this关键字。

HREF中的函数无法使用javascript工作

5 个答案: