javascript:void(0)是什么意思及href=#與href=javascriptvoid(0)的區(qū)別
Javascript中void是一個操作符,該操作符指定要計算一個表達式但是不返回值。
void 操作符用法格式如下:
1. javascript:void (expression)
2. javascript:void expression
expression 是一個要計算的 Javascript 標準的表達式。表達式外側(cè)的圓括號是選的,但是寫上去是一個好習慣。
你以使用 void 操作符指定超級鏈接。表達式會被計算但是不會當前文檔處裝入任何內(nèi)容。
示例-點擊超鏈接不跳轉(zhuǎn)
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(實際測試發(fā)現(xiàn) 滾動條會滾到頂端)而以上四種方法僅僅表示一個死鏈接都表示是一個死鏈接不會跳轉(zhuǎn)也不會返回到頂部.
示例-為什么location.href不自動跳轉(zhuǎn)?
<a href="javascript:void(0)" onclick="delete('123')">刪除</a>
function delete(id){
if(confirm("確實要刪除[為什么location.href不自動跳轉(zhuǎn)?]嗎?")) {
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不自動跳轉(zhuǎn)?]嗎?")) {
location.href="/delete.jsp?id=" + id;
}
}
我們發(fā)現(xiàn),頁面立即就跳轉(zhuǎn)了,能正常刪除相應的數(shù)據(jù).為什么呢?
因為void是一個操作符,會計算一個表達式,但不會返回值,當然也不會改變當前頁面的任何內(nèi)容,也就不會正常的跳轉(zhuǎn).
說明
void 運算符對表達式求值,并返回 undefined。在希望求表達式的值,但又不希望腳本的剩余部分看見這個結(jié)果時,該運算符最有用。
鏈接(href)直接使用javascript:void(0)在IE中可能會引起一些問題,比如:造成gif動畫停止播放等,所以,最安全的辦法還是使用“#”。為防止點擊鏈接后跳轉(zhuǎn)到頁首,onclick 事件 return false即可。
PS:href=#與href=javascriptvoid(0)的區(qū)別
#"包含了一個位置信息
默認的錨點是#top 也就是網(wǎng)頁的上端
而javascript:void(0) 僅僅表示一個死鏈接
這就是為什么有的時候頁面很長瀏覽鏈接明明是??墒翘鴦拥搅隧撌?
而javascript:void(0)
則不是如此 所以調(diào)用腳本的時候最好用void(0)
或者<input onclick> <div onclick>等
打開新窗口鏈接的幾種辦法
1.window.open('url')
2.用自定義函數(shù)
<script>
function openWin(tag,obj)
{
obj.target="_blank";
obj.href = "Web/Substation/Substation.aspx?stationno="+tag;
obj.click();
}
</script>
<a href="javascript:void(0)" onclick="openWin(3,this)">LINK_TEST</a>
window.location.href=""
-------------------------------------------------------------------------------
如果是個# ,就會出現(xiàn)跳到頂部的情況,個人收藏的幾種解決方法:
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>
5:<span style="cursor:hand"></span>(好像在FF中不能顯示)
-------------------------------------------------------------------------------
以上內(nèi)容是小編給大家介紹的javascript:void(0)是什么意思及href=#與href=javascriptvoid(0)的區(qū)別,希望對大家有所幫助。
相關(guān)文章
微信小程序iBeacon測距及穩(wěn)定程序的實現(xiàn)解析
這篇文章主要介紹了微信小程序iBeacon測距及穩(wěn)定程序的實現(xiàn)解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-07-07
JS實現(xiàn)1000以內(nèi)被3或5整除的數(shù)字之和
今天在技術(shù)群里看到一道這樣的提:求1000以內(nèi)被3或5整除的數(shù)字之和。小編把我的解決辦法分享到腳本之家平臺,供大家參考2016-02-02
JavaScript空數(shù)組的every()方法實踐
every()方法用于檢測數(shù)組中的所有元素是否都滿足指定條件, 本文主要介紹了JavaScript空數(shù)組的every()方法實踐,具有一定的參考價值,感興趣的可以了解一下2024-03-03

