js中javascript:void(0)小解釋一番-用於點選後停留原位置(不回到頂部)

js中javascript:void(0)小解釋一番

用於點選後停留原位置(不回到頂部)

javascript:void(0)本身表示不做任何動作,如:

1
2
3
4
5
//連結不跳轉,執行onClick。不回到頁面頂部
<a href="javascript:void(0);" onclick="alert('ok');"></a>

//連結不跳轉,執行onClick。回到頁面頂部
<a href="#" onclick="alert('ok');"></a>

「#」包含了一個位置訊息,預設的錨是#top,即網頁上端,因此會回到網頁頂端;而javascript:void(0) 僅僅表示一個死連結,則不會回到頂部。

javascript:void (expression)

Javascript中void是一個運算子,該運算子指定要計算一個運算式但是不回傳值。

void 運算子用法格式:javascript:void (expression) 或 javascript:void expression。expression 是一個要計算的 Javascript 標準的運算式(通常寫上括弧)。

當以使用 void 運算子指定超級連結。運算式會被計算,但是不會在當前檔案處裝入任何內容。

1
2
3
4
5
6
//點選不會發生任何事,void(0)計算為0,無任何效果
<a herf="javascript:void(0)">單此處什麼也不會發生</a>

//點選時會提交表單
<a herf="javascript:void(document.form.submit())">
單此處提交表單</a>