您現(xiàn)在的位置： 365建站網(wǎng) > 365文章 > 關(guān)于# 和 void的區(qū)別

關(guān)于# 和 void的區(qū)別

文章來源：365jz.com 點擊數(shù)：147 更新時間：2009-10-27 09:54 參與評論

首先，我們來做個實驗吧。

打開任何一個瀏覽器的空頁，在地址輸入欄中輸入以下代碼:

javascript:void(3);

會發(fā)生什么呢？

答案是什么都不會發(fā)生。

然后，我們再打開一個瀏覽器的空頁面，在地址欄中輸入以下代碼：

javascript:function test(){return "hello";};test();

這樣又會發(fā)生什么呢，是什么都不會發(fā)生么？

顯然不是，我們得到的是一個新的頁面，而且頁面的內(nèi)容是JS代碼返回的值（也就是 hello ）；

為什么會這樣？

因為在瀏覽器解析JS的時候，如果有返回值，那么就會生成一個新的頁面，如果沒有就什么都不做。

這就是為什么上面的兩個例子有這種差別。

好了，那入正題。

先來看下兩段很相似的代碼

<a href="#" mce_href="#"> hyperlink </a>

<a href="javascript:void(3);" mce_href="javascript:void(3);"> hyperlink2 </a>

然后，我們把這兩斷代碼放到同一個頁面中，依次點擊他們。

貌似沒有發(fā)生什么，是不是這樣就可以說他們是等效的了呢？

那么我們再來看一段代碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> </HEAD> <BODY> 這里是頁面頭哦 <a href="#" mce_href="#">href==#的超鏈接</a> <a href="javascript:void(3+1);alert('hello');" mce_href="javascript:void(3+1);alert('hello');" > href==javascript:void(3+1); 的超鏈接 </a> </BODY> </HTML>

這樣我們再分別點擊兩個鏈接看看，效果不一樣了吧。

href 為#的跳到了自己的頁面。

原來‘#’代表的是 #top ，

top 屬性返回最頂層的先輩窗口。

該屬性返回隊一個頂級窗口的只讀引用。如果窗口本身就是一個頂級窗口，top 屬性存放對窗口自身的引用。如果窗口是一個框架，那么 top 屬性引用包含框架的頂層窗口。

而void 函數(shù)則返回的是空，也就是讓瀏覽器不做任何事情。

如對本文有疑問，請?zhí)峤坏浇涣髡搲?，廣大熱心網(wǎng)友會為你解答??！點擊進入論壇