總網頁瀏覽量

2014年3月20日 星期四

【JavaScript】< a href="#"> or javascript:void(0)在超連結上的處理

有時候使用<a>標籤,同時想要綁定javascript/jquery事件時

要求設定屬性 href...

一般我們使用連結寫法:
<a href="url">我是連結</a>

若想要綁定jquery事件可能的兩種做法:
1)  <a href="#">我是連結</a>   //這種做法會在網址結尾加上#, 且會回到頁面最頂端
      $('a').on('click', function(){
            event process.
            return false; //加上這行,可以避免回到最頂端.
      });

2) <a href="javascript:void(0);">我是連結</a>
       $('a').on('click', function(){
            event process.
      });
 //這種做法不會有任何動作,且會造成window.location失效


* 執行 Javascript 之後加上  return false  讓程序返回失敗 <a>連結自然就不會執行。

沒有留言: