javascript:void(0) javascript:; href=”#”

javascript

大家比较下就可以清楚的知道这几个的区别。

1.href=”javascript:void(0)” 与 onclick共同使用

 <javascript>
        function show()
        {
            alert(&#34;hi,你好，效果一&#34;);
            window.location.href=&#39;http://www.radyhuang.com&#39;;
        }
   </javascript>

 
<div style=&#34;height:150%&#34;>
  top
 </div>

   <a href=&#34;javascript:void(0);&#34; onclick=&#34;alert(&#39;hi,你好，效果一&#39;);&#34; >点击，试一下</a>
   页面调用JS， void 运算符对表达式求值，并返回 undefined。

2.href=”javascript:yourfunctions()”的使用

 
<div style=&#34;height:150%&#34;>
  top
 </div>

 <a href=&#34;javascript:alert(&#39;hi,你好,效果二&#39;);&#34; >点击，试一下</a>

3.href=”#” 与 onclick共同使用

 
<div style=&#34;height:150%&#34;>
  top
 </div>

   <a href=&#34;#&#34; onclick=&#34;alert(&#39;效果三&#39;);&#34;>点击，试一下</a>
   页面出现跳到顶部的情况，然后页面跳转

 
<div style=&#34;height:150%&#34;>
  top
 </div>

   <a href=&#34;#&#34; onclick=&#34;alert(&#39;效果三&#39;);return false&#34;>点击，试一下</a>
   后面的return false语句停止页面跳转

a href=”javascript:void(0)” 在点击时调用JS,但由于void(0)的原因,所以点击后是没有反应的;
效果如同a href=”#”;

a href=”javascript;” 在点击时调用JS.并且会跳转页面;