将onClick分配给链接标记<a></a>的问题

时间:2012-12-10 19:44:40

标签: javascript html onclick href

尝试使用此功能将javascript函数分配给html链接标记。

<a href="javascript:;" onClick="doSomething()">link</a>

但是当我第二次点击链接时,会执行doSomething功能。第一次点击没有任何反应。

有人对此有任何想法吗?

4 个答案:

答案 0 :(得分:2)

修改doSomething()功能,使其不会导致问题。 (如果函数显示某些文本,则不会出现此问题。)要获得更具体的帮助,您需要披露更多信息。

答案 1 :(得分:1)

使用.addEventListener

从HTML中分离JavaScript
<a href="" id="myLink">link</a>

document.getElementById('myLink').addEventListener('click', doSomething, true);

并在doSomething中记得使用event.preventDefault()来阻止点击执行操作。

答案 2 :(得分:0)

在我的电脑中,它可以在第一次点击时使用。

<html>
<head>
<script type="text/javascript">
function doSomething() {
alert("Hi :)");
}
</script>
</head>
<body>
<a href="javascript:;" onclick="doSomething()">Click</a>
</body>
</html>

使用Firefox。

无论如何,为什么要使用href =“javascript:;”然后?

答案 3 :(得分:0)

实际上doSomething()函数在这里创建了一个MooTools对话框。这是

的代码
function doSomething(tit,text,id) {

new mBox.Modal({
    content: unescape(text),
    setStyles: {content: {padding: '25px 15px', lineHeight: 25, height:'400px'}},
    title: unescape(tit),
    attach: id
});

}

可能是造成这个问题的原因。但不太确定。