html的 a 标签点击触发js函数的3种方法

html的 a 标签点击触发js函数的3种方法

方法1<a href="" onclick="fun()">我是a标签</a>
方法2<a href="javascript:fun()">我是a标签</a>
方法3<a id='fun' >我是a标签</a>然后用js的都没选择器选择这个ID.
document.getElementById('fun').click(function(){ fun(); });

如果你想要用JS来实现点击a标签的跳转效果。

那么你不能直接对a标签执行click()函数

因为实际上,只有点击a标签中的文字,才能触发跳转。

知道了这一点,我们只需对a标签中的文字执行click函数就可以达到目的

1
2
3
<a id="tagA" href="http://www.hello.com"><span>hello</span></a>
……
$("#tagA span").click();//这样就可以达到跳转到的效果,仅仅$("#tagA").click();是不会跳转
© 2018 Ken的博客 All Rights Reserved. 本站访客数人次 本站总访问量