快捷導(dǎo)航

javascript:void(0)是什么意思及href=#與href=javascriptvoid(0)的區(qū)別

更新時(shí)間：2015年11月13日 10:04:31 投稿：mrr

Javascript中void是一個(gè)操作符，該操作符指定要計(jì)算一個(gè)表達(dá)式但是不返回值，本文給大家介紹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)是選的，但是寫(xiě)上去是一個(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á)式的值，但又不希望腳本的剩余部分看見(jiàn)這個(gè)結(jié)果時(shí)，該運(yùn)算符最有用。

鏈接（href）直接使用javascript:void(0)在IE中可能會(huì)引起一些問(wèn)題，比如：造成gif動(dòng)畫(huà)停止播放等，所以，最安全的辦法還是使用“#”。為防止點(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>等

打開(kāi)新窗口鏈接的幾種辦法

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ì)大家有所幫助。

您可能感興趣的文章: