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

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

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

<a>标签中的href如何调用js代码

在HTML中,标签的href属性用于指定超链接的目标的URL。在所有浏览器中,链接的默认外观是: 未被访问的链接带有下划线而且是蓝色的已被访问的链接带有下划线而且是紫色的活动链接带有下划线而...
  • zhangshuang92
  • zhangshuang92
  • 2017年01月13日 11:47
  • 11880

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

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

javascript 动态改变onclick事件触发函数代码

javascript 动态改变onclick事件触发函数代码 function oc() { alert("原本的方法"); } function od() { alert("我...
  • qq_30845505
  • qq_30845505
  • 2017年03月24日 17:49
  • 1490

onclick 可以调用两个以上函数

  • shaopengfei
  • shaopengfei
  • 2012年04月13日 14:50
  • 19752

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

onclick="function()" 表示只会执行 function , 但是不会传回 function 中之回传值onclick = "return function()" 则是 执行 func...
  • qq441568267
  • qq441568267
  • 2017年08月02日 16:10
  • 1968

js修改onclick动作的四种方式

第一种:button.onclick = Function("alert(hello);");第二种:button.onclick = function(){alert("hello"); };第三种...
  • LIUJIMMY
  • LIUJIMMY
  • 2009年09月06日 08:38
  • 8499

js设置html标签的onclick函数

网上很多关于用js和jquery设置html标签的onclick函数的例子,我下面写的这些都是我参考别人的代码并亲自测试之后作出的总结,记下来存档方便以后用,若大神们看到有不对的地方请留言。 测试...
  • txwzj
  • txwzj
  • 2015年06月05日 19:18
  • 4230

3、关于onclick事件的两种写法

1、关于onclick的两种,常见的写法      1.1  html的源码如下 我是div1 我是div2              1.2  Javascript代码 /**...
  • zbw18297786698
  • zbw18297786698
  • 2016年05月03日 18:05
  • 3084

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
  • 2222
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:onclick事件与href='javascript:function()'的比较
举报原因:
原因补充:

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