javascript:void(0)是什么意思及href=#與href=javascriptvoid(0)的區(qū)別
Javascript中void是一個(gè)操作符,該操作符指定要計(jì)算一個(gè)表達(dá)式但是不返回值。
void 操作符用法格式如下:
1. javascript:void (expression)
2. javascript:void expression
expression 是一個(gè)要計(jì)算的 Javascript 標(biāo)準(zhǔn)的表達(dá)式。表達(dá)式外側(cè)的圓括號(hào)是選的,但是寫上去是一個(gè)好習(xí)慣。
你以使用 void 操作符指定超級(jí)鏈接。表達(dá)式會(huì)被計(jì)算但是不會(huì)當(dāng)前文檔處裝入任何內(nèi)容。
示例-點(diǎn)擊超鏈接不跳轉(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>
點(diǎn)擊鏈接后,頁(yè)面會(huì)向上滾到頁(yè)首,# 默認(rèn)錨點(diǎn)為 #TOP(實(shí)際測(cè)試發(fā)現(xiàn) 滾動(dòng)條會(huì)滾到頂端)而以上四種方法僅僅表示一個(gè)死鏈接都表示是一個(gè)死鏈接不會(huì)跳轉(zhuǎn)也不會(huì)返回到頂部.
示例-為什么location.href不自動(dòng)跳轉(zhuǎn)?
<a href="javascript:void(0)" onclick="delete('123')">刪除</a>
function delete(id){
if(confirm("確實(shí)要?jiǎng)h除[為什么location.href不自動(dòng)跳轉(zhuǎn)?]嗎?")) {
location.href="/delete.jsp?id=" + id;
}
}
以上代碼不管如何檢查都沒(méi)有任何問(wèn)題,而location.href="/delete.jsp?id=" + id;在別的地方都好使,為什么這段代碼就行呢?
原因是那個(gè)void(0)把代碼改成:
<a href="javascript:delete('123')">刪除</a>function delete(id) {
if(confirm("確實(shí)要?jiǎng)h除[為什么location.href不自動(dòng)跳轉(zhuǎn)?]嗎?")) {
location.href="/delete.jsp?id=" + id;
}
}
我們發(fā)現(xiàn),頁(yè)面立即就跳轉(zhuǎn)了,能正常刪除相應(yīng)的數(shù)據(jù).為什么呢?
因?yàn)関oid是一個(gè)操作符,會(huì)計(jì)算一個(gè)表達(dá)式,但不會(huì)返回值,當(dāng)然也不會(huì)改變當(dāng)前頁(yè)面的任何內(nèi)容,也就不會(huì)正常的跳轉(zhuǎn).
說(shuō)明
void 運(yùn)算符對(duì)表達(dá)式求值,并返回 undefined。在希望求表達(dá)式的值,但又不希望腳本的剩余部分看見這個(gè)結(jié)果時(shí),該運(yùn)算符最有用。
鏈接(href)直接使用javascript:void(0)在IE中可能會(huì)引起一些問(wèn)題,比如:造成gif動(dòng)畫停止播放等,所以,最安全的辦法還是使用“#”。為防止點(diǎn)擊鏈接后跳轉(zhuǎn)到頁(yè)首,onclick 事件 return false即可。
PS:href=#與href=javascriptvoid(0)的區(qū)別
#"包含了一個(gè)位置信息
默認(rèn)的錨點(diǎn)是#top 也就是網(wǎng)頁(yè)的上端
而javascript:void(0) 僅僅表示一個(gè)死鏈接
這就是為什么有的時(shí)候頁(yè)面很長(zhǎng)瀏覽鏈接明明是??墒翘鴦?dòng)到了頁(yè)首
而javascript:void(0)
則不是如此 所以調(diào)用腳本的時(shí)候最好用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=""
-------------------------------------------------------------------------------
如果是個(gè)# ,就會(huì)出現(xiàn)跳到頂部的情況,個(gè)人收藏的幾種解決方法:
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ū)別,希望對(duì)大家有所幫助。
- 淺談javascript運(yùn)算符——條件,逗號(hào),賦值,()和void運(yùn)算符
- javascript中的void運(yùn)算符語(yǔ)法及使用介紹
- javascript:void(0)用法及常見問(wèn)題分析
- javascript:void(0)的含義及用法實(shí)例
- 詳解javascript void(0)
- javascriptvoid(0)含義以及與"#"的區(qū)別講解
- javascript:void(0)點(diǎn)擊登錄沒(méi)反應(yīng)怎么解決
- 為何JS操作的href都是javascript:void(0);呢
- JavaScript void 運(yùn)算符詳解
相關(guān)文章
使用js獲取地址欄參數(shù)的方法推薦(超級(jí)簡(jiǎn)單)
下面小編就為大家?guī)?lái)一篇使用js獲取地址欄參數(shù)的方法推薦(超級(jí)簡(jiǎn)單)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
js運(yùn)動(dòng)應(yīng)用實(shí)例解析
這篇文章主要針對(duì)js運(yùn)動(dòng)應(yīng)用進(jìn)行實(shí)例解析2015-12-12
js循環(huán)中使用正則失效異常的踩坑實(shí)戰(zhàn)
這篇文章主要給大家介紹了關(guān)于js循環(huán)中使用正則失效異常的踩坑實(shí)戰(zhàn),文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-05-05
JavaScript使用DeviceOne開發(fā)實(shí)戰(zhàn)(二) 生成調(diào)試安裝包
這篇文章主要介紹了JavaScript使用DeviceOne開發(fā)實(shí)戰(zhàn)(二) 生成調(diào)試安裝包的相關(guān)資料,需要的朋友可以參考下2015-12-12
JavaScript Date對(duì)象應(yīng)用實(shí)例分享
這篇文章主要分享了JavaScript Date對(duì)象應(yīng)用實(shí)例,獲取日期時(shí)間,倒計(jì)時(shí)功能實(shí)現(xiàn),限時(shí)搶購(gòu)活動(dòng),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10
微信小程序?qū)W習(xí)筆記之登錄API與獲取用戶信息操作圖文詳解
這篇文章主要介紹了微信小程序?qū)W習(xí)筆記之登錄API與獲取用戶信息操作,結(jié)合實(shí)例形式分析了微信小程序登陸請(qǐng)求及后臺(tái)交互相關(guān)操作技巧,并結(jié)合圖文形式進(jìn)行說(shuō)明,需要的朋友可以參考下2019-03-03

