1. 程式人生 > >a標籤的 onclick, href

a標籤的 onclick, href

1. 以下這種寫法,onclick 事件先執行, href 屬性下的動作後執行(頁面跳轉或 javascript 偽連結),如果不想執行 href 屬性下的動作,onclick 需要返回 false:

<a href="https://www.baidu.com/" onclick="doSomething()">連結</a>

2. 如果實際應用中,確實需要 a 標籤來響應 onclick 事件的,且不想執行 href 屬性下的動作,推薦以下3種寫法:

     ->  <a href="javascript:void(0)" onclick="doSomething()">連結</a>

     註釋:javascript:void(0) 相當於一個死連結,href 不執行

    ->   <a href="https://www.baidu.com/" onclick="doSomething();return false;">連結</a>

    註釋:onclick 返回 false,href 不執行

    ->   <a href="https://www.baidu.com/" onclick="doSomething();event.returnValue=false;">連結</a>

   註釋:onclick 返回 false,href 不執行