onclick事件与href='javascript:function()'的比较

转载 2016年05月30日 12:35:38

   href='javascript:function()'和onclick能起到同样的效果,一般来说,如果要调用脚本还是在onclick事件里面写代码,而不推荐在href='javascript:function()' 这样的写法,因为 href 属性里面设置了js代码后,在某些浏览器下可能会引发其他不必要的事件。造成非预期效果。

        而且 onclick事件会比 href属性先执行,所以会先触发 onclick 然后触发href,所以如果不想页面跳转,可以设置 onclick里面的js代码执行到最后返回一个false,这样 href 里面的东西就不会执行了。


<a class="refresh" href="javascript:ChangeImg1()">看不清,换一张</a>


        在ajax应用程序中,多写着下面的这样 ,以表示这个链接不跳转,而执行一段js脚本。
<a href="javascript:void(0);" onclick="function()"></a>
或者 <a href="javascript:;" onclick="function()"></a>

        void(0) 只是用来计算一个空值,其实也是什么事情都不做,而分号“;”则表示是一个空的js语句,这样就不会有任何其他跳转发生了,而且W3C标准不推荐在href里面执行javascript语句,所以还是用 onclick事件触发吧

href="javascript:xxx(this);"和onclick="javascript:xxx(this);"的区别

href="javascript:xxx(this);"和onclick="javascript:xxx(this);" 一直以为这两种写法是等同的,今天在项目中使用时发现前者的this根本拿不到触...
  • apei830
  • apei830
  • 2013年10月18日 20:49
  • 60364

<a>标签中href="javascript:;"

href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段 这里的href="javascript:;",其中javascript:是伪协议,它可以让我们...

onclick="function()"和onclick="return function();"区别

onclick="function()" 表示只会执行 function , 但是不会传回 function 中之回传值onclick = "return function()" 则是 执行 func...

js 中 obj.onclick= func() 和 obj.onclick func 分析

这两天正在学习javascript中的事件,出现了一个这样的一个以疑惑,就是在点击事件调用方法的时候有时候后面需要不需要加括号。感觉有点儿晕,,不太明白到底是什么时候需要加括号什么时候不需要加括号。于...

onclick 可以调用两个以上函数

js 动态加载function(onclick= function ())

转:http://hi.baidu.com/deli9999/blog/item/3e19831d5a6dfa8786d6b62c.htmlhttp://www.w3.org/TR/xhtml1/DT...
  • wslyy99
  • wslyy99
  • 2010年05月07日 11:06
  • 2195

js修改onclick动作的四种方式

第一种:button.onclick = Function("alert(hello);");第二种:button.onclick = function(){alert("hello"); };第三种...

javascript中定义事件的三种方式

在javascript中,可以为某个元素指定事件,指定的方式有以下三种: 1、在html中,使用onclick属性 2、在javascript中,使用onclick属性 3、在javascipt...

关于html onclick 与js onclick 初学思考

相信大家都用过 html onclick 与js onclick 这两个事件函数。先来看一下两者的用法! html中的onclick的用法: 列子:Example html 中的onclick 是作为...
  • OOP___
  • OOP___
  • 2016年10月31日 20:52
  • 2982

a 标签中调用js的几种方法

我们常用的在a标签中有点击事件: 1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且ja...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:onclick事件与href='javascript:function()'的比较
举报原因:
原因补充:

(最多只允许输入30个字)