天天看點

防止頁面跳轉的幾種方法

1.

<a href="javascript:;" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >先學習</a>

<a href="javascript:;" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >點我試試</a>

:執行一段空白的javascript語句,傳回空或者false值,進而防止連結跳轉。跟目前a标簽無關,這段代碼始終都會執行。

html代碼:

頁面效果:

防止頁面跳轉的幾種方法

點選a超連結:

防止頁面跳轉的幾種方法

2.

<a href="#" target="_blank" rel="external nofollow" >先學習</a>

點選連結,頁面預設上滾到頁的頂部, 但可以加上 οnclick=“return false”,防止上滾到頁的頂部。

3.

<a href="####" target="_blank" rel="external nofollow" >先學習</a>

使用2個到4個#,見的大多是"####",也有使用"#all"等其他的。一個無意義的标簽指定,不做任何處理。

4.

<a href="javascript:void(0);" target="_blank" rel="external nofollow" >先學習</a>

javascript:void(0) 表示一個死連結,執行空事件。