a 标签内怎么调用 JavaScript 脚本代码? 下面本篇文章给大家介绍一下在 < a></a > 标签中调用 JavaScript 脚本的方法. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
在日常工作总会遇到在 < a > 标签中执行 JS 代码的情况 现在做一个总结, 希望对大家有一个帮助.
1,a href="javascript:js_method();"
这是我们平台上常用的方法, 但是这种方法在传递 this 等参数的时候很容易出问题, 而且 JavaScript: 协议作为 a 的 href 属性的时候不仅会导致不必要的触发 Windows.onbeforeunload 事件, 在 IE 里面更会使 gif 动画图片停止播放.
W3C 标准不推荐在 href 里面执行 JavaScript 语句.
2,a href="javascript:void(0);" onclick="js_method()"
这种方法是很多网站最常用的方法, 也是最周全的方法, onclick 方法负责执行 JS 函数, 而 void 是一个操作符, void(0) 返回 undefined, 地址不发生跳转. 而且这种方法不会像第一种方法一样直接将 JS 方法暴露在浏览器的状态栏.
3,a href="javascript:;" onclick="js_method()"
这种方法也是网上很常见的代码,# 是标签内置的一个方法, 代表 top 的作用. 所以用这种方法点击后网页后返回到页面的最顶端.<a href="#"></a> 如果页面有滚动条 点击后网页后返回到页面的最顶端.
4,a href="#" onclick="js_method();return false;"
这种方法点击执行了 JS 函数后 return false, 页面不发生跳转, 执行后还是在页面的当前位置.
更多 web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/javascript/17319.html