阻止跳轉四種方式
<a href="Javascript:;" onclick="action();">link</a>
方法2:
<a href="Javascript:void(0);" onclick="action();" >link</a>
方法3:
<a href="###" onclick="action();" >link</a>
方法4:
<a href="#" onclick=" action(); return false;">link</a>
以上四種方式均可以正常工作。
用法說明:
第1和第2中可以歸為一類,使用Javascript 偽協議,只要什么都不返回,那么瀏覽器將不會跳轉。
第3種使用了一個錨點(跳轉到id或name為##的位置),在瀏覽器中, 如果一個錨點不存在,那么也不會跳轉。
第4種是在執行onclick的最后處加上return false, 這樣就阻止了瀏覽器執行默認行為 ,同樣就阻止了跳轉。
注意,應避免使用href=”Javascript:;” href=”###” ,而統一使用 onclick=”return false;”,安全且體驗性好。