javascript:void(0) 中最關鍵的是 void 關鍵字, void 是 JavaScript 中非常重要的關鍵字,該操作符指定要計算一個表達式但是不返回值。
void 操作符用法格式如下:
1. javascript:void (expression) 2. javascript:void expression
expression 是一個要計算的 Javascript 標準的表達式。表達式外側的圓括號是選的,但是寫上去是一個好習慣。
你以使用 void 操作符指定超級鏈接。表達式會被計算但是不會當前文檔處裝入任何內容。
示例-點擊超鏈接不跳轉
1:<a href="####"></a> 2:<a href="javascript:void(0)"></a> 3:<a href="javascript:void(null)"></a> 4:<a href="#" onclick="return false"></a>
點擊鏈接后,頁面會向上滾到頁首,# 默認錨點為 #TOP(實際測試發現 滾動條會滾到頂端)而以上四種方法僅僅表示一個死鏈接都表示是一個死鏈接不會跳轉也不會返回到頂部.
示例-為什么location.href不自動跳轉?
<a href="javascript:void(0)" onclick="delete('123')">刪除</a> function delete(id){ if(confirm("確實要刪除[為什么location.href不自動跳轉?]嗎?")) { location.href="/delete.jsp?id=" + id; } }
以上代碼不管如何檢查都沒有任何問題,而location.href="/delete.jsp?id=" + id;在別的地方都好使,為什么這段代碼就行呢?
原因是那個void(0)把代碼改成:
< a href="javascript:delete('123')">刪除</a>function delete(id) { if(confirm("確實要刪除[為什么location.href不自動跳轉?]嗎?")) { location.href="/delete.jsp?id=" + id; } }
我們發現,頁面立即就跳轉了,能正常刪除相應的數據.為什么呢?
因為void是一個操作符,會計算一個表達式,但不會返回值,當然也不會改變當前頁面的任何內容,也就不會正常的跳轉.
說明
void 運算符對表達式求值,并返回 undefined。在希望求表達式的值,但又不希望腳本的剩余部分看見這個結果時,該運算符最有用。
鏈接(href)直接使用javascript:void(0)在IE中可能會引起一些問題,比如:造成gif動畫停止播放等,所以,最安全的辦法還是使用“#”。為防止點擊鏈接后跳轉到頁首,onclick 事件 return false即可。
【相關推薦】
1. 特別推薦:“php程序員工具箱”V0.1版本下載
2. 免費js在線視頻教程
3. php.cn獨孤九賤(3)-JavaScript視頻教程
4. 解決ie6下javascript:void(0) 無效的方法
5. 總結href=javascript:void(0)與href=#之間的區別
6. 謹慎使用javascript:void(0),為什么這樣寫不好
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com