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事件触发吧

相关文章推荐

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

转:http://hi.baidu.com/deli9999/blog/item/3e19831d5a6dfa8786d6b62c.htmlhttp://www.w3.org/TR/xhtml1/DT...

js修改onclick动作的四种方式

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

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

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

a标签的onclick事件和href属性使用

链接的onclick 事件被先执行,其次是href属性下的动作(页面跳转,或 javascript 伪链接);假设链接中同时存在href 与onclick,如果想让href 属性下的动作不执行,o...

关于<a href='javascript:function()'>的使用

这样写是为了让这个链接不要链接到新页面转而执行一段js代码。 和onclick能起到同样的效果,一般来说,如果要调用脚本还是在onclick事件里面写代码, 而不推荐href='javas...

a标签的href="javascript:function()"

Document         点我   来吧      function s(){    var theVar=document.getElementsByTagNa...

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

我们常用的在a标签中有点击事件: 1. a href=”javascript:js_method();”这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javasc...

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

我们常用的在a标签中有点击事件: 1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且ja...

html A标签的onclick事件和href的使用

下面是测试先执行onclick事件还是先执行href,以下为代码: a href="javascript:alert(2);" onclick="alert(1);">1先出来是onclick...

html A标签的onclick事件和href的使用

下面是测试先执行onclick事件还是先执行href,以下为代码: a href="javascript:alert(2);" onclick="alert(1);">1先出来是onclick,2先...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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