【转】onclick事件与href='javascript:function()'的区别
2014-08-26 09:01
302 查看
href='javascript:function()'和onclick能起到同样的效果,一般来说,如果要调用脚本还是在onclick事件里面写代码,而不推荐在href='javascript:function()' 这样的写法,因为 href 属性里面设置了js代码后,在某些浏览器下可能会引发其他不必要的事件。造成非预期效果。
而且 onclick事件会比 href属性先执行,所以会先触发 onclick 然后触发href,所以如果不想页面跳转,可以设置 onclick里面的js代码执行到最后返回一个false,这样 href 里面的东西就不会执行了。
在ajax应用程序中,多写着下面的这样 ,以表示这个链接不跳转,而执行一段js脚本。
<a href="javascript:void(0);" onclick="function()"></a>
或者 <a href="javascript:;" onclick="function()"></a>
void(0) 只是用来计算一个空值,其实也是什么事情都不做,而分号“;”则表示是一个空的js语句,这样就不会有任何其他跳转发生了,而且W3C标准不推荐在href里面执行javascript语句,所以最好还是用 onclick事件触发
而且 onclick事件会比 href属性先执行,所以会先触发 onclick 然后触发href,所以如果不想页面跳转,可以设置 onclick里面的js代码执行到最后返回一个false,这样 href 里面的东西就不会执行了。
在ajax应用程序中,多写着下面的这样 ,以表示这个链接不跳转,而执行一段js脚本。
<a href="javascript:void(0);" onclick="function()"></a>
或者 <a href="javascript:;" onclick="function()"></a>
void(0) 只是用来计算一个空值,其实也是什么事情都不做,而分号“;”则表示是一个空的js语句,这样就不会有任何其他跳转发生了,而且W3C标准不推荐在href里面执行javascript语句,所以最好还是用 onclick事件触发
相关文章推荐
- <a href="javascript:void(0);" id='test' onclick="javascript:alert('即将上线,敬请期待!');"><em class="rmwd"></em>征稿平台</a>
- onclick事件与href='javascript:function()'的比较
- 关于A标签使用onclick事件的疑问,若是href="#",跳转无反应,以及href=#与href=javascript:void(0)的区别
- a href="" 和 href="#" 以及 href="javascript:void(0)"时 以及其中的 onclick 的区别
- 在a标签的href与onclick中使用javascript的区别
- a标签的onclick和href事件的区别
- 关于<a href='javascript:function()'>
- 在a标签的href与onclick中使用javascript的区别
- 在javascript或者jQuery中绑定按钮点击事件,和在HTML 标签中直接调用onclick属性有什么区别?
- href="javascript:xxx(this);"和onclick="javascript:xxx(this);"的区别
- 在链接中href 与onclick的javascript的区别
- a标签的href与onclick事件的区别详解
- 在a标签的href与onclick中使用javascript的区别
- href="javascript:_do(this);"和onclick="_do(this)"的区别
- href="javascript:xxx(this);"和onclick="javascript:xxx(this);"的区别
- 在a标签的href与onclick中使用javascript的区别
- 在a标签的href与onclick中使用javascript的区别
- 超链接a标签的href与onclick中使用javascript的区别
- href="javascript:xxx(this);"和onclick="javascript:xxx(this);"的区别
- 在a标签的href与onclick中使用javascript的区别