关于button onclick a href 分析

1、button onclick

内容是javascript脚本 Don't include the "javascript:" part since onclick is a JavaScript function anyway.

2、a  href

只是一个链接  链接的目标 URL。 也可以是javascript函数<a href='javascript:function()'>这样写是为了让这个链接不要链接到新页面转而执行一段js代码。
和onclick能起到同样的效果，一般来说，如果要调用脚本还是在onclick事件里面写代码，而不推荐在href='javascript:function()' 这样的写法，因为 href 属性里面设置了js代码后，在某些浏览器下可能会引发其他不必要的事件。造成非预期效果。而且W3C标准不推荐在href里面执行javascript语句，所以还是用 onclick事件触发吧

3、button onclick 若想链接到一个新的页面 需要：location.href 只能引导当前页的转向  具体使用 参见 http://www.cnblogs.com/trustnature/articles/3198643.html

 <button   οnclick="location.href=''     "  class="btn btn-small">下载</button>

 document.write("<input type='button' class='inliput' style='background:transparent;border:0px;width:100%;height:100%;color:#FFF;' οnclick=\"location.href='/SSL/bin/" + X_USB + "'\" value=\"Key工具下载\" />"); </script>

    1 <script type="text/javascript">

 2 window.οnbefοreunlοad=function（）
 3 {
 4  alert（"onbeforeunload event..."）;
 5  //return false;
 6 }
 7 </script>
 8 <a href="＃" οnclick="return true;">测试1</a><br/>
 9 <a href="javascript:void（0）" οnclick="return true;">测试2</a><br/>
10 <a href="javascript:void（0）" οnclick="return false;">测试3</a><br/>
11 <a href="javascript:void（alert（""test 4....""））" οnclick="return true;">测试4</a><br/>
12 <a href="javascript:void（alert（""test 5....""））" οnclick="return false;">测试5</a><br/>

    在开辟过程中，经常会应用测试1<a href=""＃"" οnclick=""fun（）;return false;""/>这种体式格式来触发javascript事务而不改变当前链接.

 

或者测试2<a href="javascript:void（0）" οnclick="return true;">测试2</a>这种体式格式来建树死链接。然则只要看过a href=”《javascript:void（0）;” — avoid the void》和《How to Create Pop-Up Windows》这2篇文章后就能发明，作者更赞成应用测试1的体式格式而不是测试2，我也是认同作者的概念。

 

    在web标准中也是不建议应用测试2的体式格式的，然则测试2javascript:void（0）伪和谈也会有bug存在，会使gif动画停止播放。

 

在测试2的案例中，我们还能看到，点击事务触发的时辰（调用次序：onclick->window.onbeforeunload->href），而测试1却没有，这是因为void运算符在履行之前会调用window.onbeforeunload办法

 

对于void运算符（void只做运算，返回成果为undefined），所以在调用到href时碰到void运算符的时辰，可能就会产生一些bug

 

 

 

    然则应用测试1的体式格式href=""＃"" onclick中加上return false，也会存在题目，导致点击链接页面返回顶部，这是因为＃号默认锚点为＃top，点击后从头定位到top锚点地位，当然可以本身再从头定义一个 top锚点，然则这也不克不及很好解决题目，仍然也存在定位不准。有些伴侣喜好应用＃＃＃＃来调换＃（＃一般为2到6个，大多都取4个）。无论＃几个都是 会存在这个bug的，原因同上。

 

点击链接导致页面返回顶部也可以采取span标签调换a标签来解决，然则还可以不改变标签，只需讲＃用＃this调换即可解决题目，也可以采取其它锚点

 

<a href=""＃this"" οnclick=""fun（）;return false;""/>

 

 

 

另：当window.onbeforeunload中return false的时辰将会有意想不到的收成。提示“确切要分开页面吗？断定...作废...”