HTML锚链接 – href和onclick两者?
我想创作一个执行一些JavaScript的锚标签,然后继续去href
去的地方。 调用一个函数,执行我的JavaScript,然后将window.location
或top.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不是一个非常好的处理方式。