HTML锚链接 – href和onclick两者?

我想创作一个执行一些JavaScript的锚标签,然后继续去href去的地方。 调用一个函数,执行我的JavaScript,然后将window.locationtop.location设置为href位置不适用于我。

所以,想象一下,页面上有一个ID为“Foo”的元素。 我想创作一个类似于以下的锚点:

 <a href="#Foo" onclick="runMyFunction(); return false;">Do it!</a> 

点击时,我想执行runMyFunction,然后跳转页面到#Foo (不会导致重新加载 – 使用top.location会导致它重新加载页面)。

build议? 我很高兴使用jQuery,如果它可以帮助这里…

只需return true呢?

onClick代码的返回值决定了链接固有的点击操作是否被处理 – 返回false意味着它没有被处理,但是如果你返回true那么浏览器将在函数返回并去之后继续处理它到适当的主播。

 <a href="#Foo" onclick="return runMyFunction();">Do it!</a> 

 function runMyFunction() { //code return true; } 

这样你将会执行你的函数,你将会跟随链接,并且在你的函数成功运行之后,你将会精确地跟随链接。

如果链接只能在函数运行成功时更改位置,则执行onclick="return runMyFunction();" 在函数中你会返回true或false。

如果你只是想运行这个函数,然后让锚标签完成它的工作,只需删除return false语句即可。

作为一个方面说明,你可能应该使用事件处理程序,因为内联JS不是一个非常好的处理方式。