首頁 > web前端 > js教程 > 主體

javascript:void(0)使用探討_javascript技巧

WBOY
發布: 2016-05-16 17:24:24
原創
946 人瀏覽過

在做頁面時,如果想做一個連結點擊後不做任何事情,或者響應點擊而完成其他事情,可以設定其屬性href = "#",但是,這樣會有一個問題,就是當頁面有捲軸時,點擊後會回到頁面頂端,使用者體驗不好。

目前有以下解決方法:
1)點選連結後不做任何事

複製程式碼 程式碼如下:

test
test
test //使用2個到4個#,見的大多是"####",也有使用"#all"等其他的

2)點選連結後,回應使用者自訂的點擊事件
複製程式碼 代碼如下:

說明:
1.javascript:void(0)這種偽協議,少寫的好,如果你看過一些web標準的書就知道為什麼了。 (不懂,原話摘的,暫做記錄)
2.連結(href)直接使用javascript:void(0)在IE中可能會引起一些問題,例如:造成gif動畫停止播放等,所以,最安全的辦法還是使用「####」。為防止點擊連結後跳到頁首,onclick事件return false即可。
3.如果只是想滑鼠移過,變成手形,可以用
複製程式碼 程式碼如下:

Click Me!

void是javascript的操作符,意思是:只執行表達式,但沒有回傳值,
void 運算元用法格式如下:
複製程式碼 程式碼如下:

javascript:void (expression)
javascript:void expression

為了程式風格良好,建議使用第二種帶上括號的
我們可以使用void運算子指定超級鏈接,如javascript:void(document.form.submit())。表達式會被計算但是不會在目前文件處裝入任何內容,void(0)計算為0,但在JavaScript上沒有任何效果,也就是說的效果同的效果是一樣的。
關鍵是只要知道void是javascipt本身的操作符,它表示的是只執行表達式,但沒有回傳值!

另外頁面會自動調回頂端,是因為"#"預設的瞄點位置是top,所以會出現這種情況。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板