快捷導(dǎo)航

js中javascript:void(0) 真正含義

更新時間：2020年11月05日 20:42:34 作者：opper

在javascript中javascript:void(0)經(jīng)常會用到，大家知道此含有嗎，在Javascript中void是一個操作符，該操作符指定要計算一個表達(dá)式但是不返回值，本文給大家介紹js中javascript:void(0) 真正含義，需要的朋友可以參考下

我們經(jīng)常會使用到 javascript:void(0) 這樣的代碼，那么在 JavaScript 中 javascript:void(0) 代表的是什么意思呢？

javascript:void(0) 中最關(guān)鍵的是 void 關(guān)鍵字， void 是 JavaScript 中非常重要的關(guān)鍵字，該操作符指定要計算一個表達(dá)式但是不返回值。

語法格式如下：

void func()
javascript:void func()

或者

void(func())
javascript:void(func())

下面的代碼創(chuàng)建了一個超級鏈接，當(dāng)用戶點(diǎn)擊以后不會發(fā)生任何事。

實(shí)例

<a href="javascript:void(0)">單擊此處什么也不會發(fā)生</a>

當(dāng)用戶鏈接時，void(0) 計算為 0，但 Javascript 上沒有任何效果。

以下實(shí)例中，在用戶點(diǎn)擊鏈接后顯示警告信息：

實(shí)例

<p>點(diǎn)擊以下鏈接查看結(jié)果：</p>
<a href="javascript:void(alert('Warning!!!'))">點(diǎn)我!</a>

以下實(shí)例中參數(shù) a 將返回 undefined :

實(shí)例

function getValue(){
  var a,b,c;
  a = void ( b = 5, c = 7 );
  document.write('a = ' + a + ' b = ' + b +' c = ' + c );
}

href="#"與href="javascript:void(0)"的區(qū)別
# 包含了一個位置信息，默認(rèn)的錨是#top 也就是網(wǎng)頁的上端。

而javascript:void(0), 僅僅表示一個死鏈接。

在頁面很長的時候會使用 # 來定位頁面的具體位置，格式為：# + id。

如果你要定義一個死鏈接請使用 javascript:void(0) 。

<a href="javascript:void(0);">點(diǎn)我沒有反應(yīng)的!</a>
<a href="#pos">點(diǎn)我定位到指定位置!</a>
<br>
...
<br>
<p id="pos">尾部定位點(diǎn)</p>

補(bǔ)充

void()僅僅是代表不返回任何值，但是括號內(nèi)的表達(dá)式還是要運(yùn)行，如

void(alert("Warnning!"))

// 阻止鏈接跳轉(zhuǎn)，URL不會有任何變化
<a href="javascript:void(0)" rel="nofollow ugc">點(diǎn)擊此處</a>

// 雖然阻止了鏈接跳轉(zhuǎn)，但URL尾部會多個#，改變了當(dāng)前URL。（# 主要用于配合 location.hash）
<a href="#" rel="nofollow ugc">點(diǎn)擊此處</a>

// 同理，# 可以的話，? 也能達(dá)到阻止頁面跳轉(zhuǎn)的效果，但也相同的改變了URL。（? 主要用于配合 location.search）
<a href="?" rel="nofollow ugc">點(diǎn)擊此處</a>

// Chrome 中即使 javascript:0; 也沒變化，firefox中會變成一個字符串0
<a href="javascript:0" rel="nofollow ugc">點(diǎn)擊此處</a>

下面是其他同學(xué)的補(bǔ)充

在Javascript中void是一個操作符，該操作符指定要計算一個表達(dá)式但是不返回值。

我想使用過ajax的都常見這樣的代碼：

復(fù)制代碼代碼如下:

但這兒的void(0)究竟是何含義呢？

void 操作符用法格式如下：

1. javascript:void (expression)

2. javascript:void expression

expression 是一個要計算的 Javascript 標(biāo)準(zhǔn)的表達(dá)式。表達(dá)式外側(cè)的圓括號是選的，但是寫上去是一個好習(xí)慣。 (實(shí)現(xiàn)版本 Navigator 3.0 )

你以使用 void 操作符指定超級鏈接。表達(dá)式會被計算但是不會當(dāng)前文檔處裝入任何內(nèi)容。

下面的代碼創(chuàng)建了一個超級鏈接，當(dāng)用戶以后不會發(fā)生任何事。當(dāng)用戶鏈接時，void(0) 計算為 0，但 Javascript 上沒有任何效果。

復(fù)制代碼代碼如下:

<A HREF="javascript:void(0)">單此處什么也不會發(fā)生</A>

下面的代碼創(chuàng)建了一個超級鏈接，用戶單時會提交表單。

復(fù)制代碼代碼如下:

<A HREF="javascript:void(document.form.submit())">單此處提交表單</A>

a href=#與 a href=javascript:void(0) 的區(qū)別鏈接的幾種辦法

#包含了一個位置信息

默認(rèn)的錨是#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)">株洲</a>
window.location.href=""

以上內(nèi)容介紹了js中javascript:void(0) 真正含義，希望對大家今后的工作和學(xué)習(xí)有所幫助。

您可能感興趣的文章: