您现在的位置： 365建站网 > 365文章 > 关于# 和 void的区别

关于# 和 void的区别

文章来源：365jz.com 点击数：135 更新时间：2009-10-27 09:54 参与评论

首先，我们来做个实验吧。

打开任何一个浏览器的空页，在地址输入栏中输入以下代码:

javascript:void(3);

会发生什么呢？

答案是什么都不会发生。

然后，我们再打开一个浏览器的空页面，在地址栏中输入以下代码：

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

这样又会发生什么呢，是什么都不会发生么？

显然不是，我们得到的是一个新的页面，而且页面的内容是JS代码返回的值（也就是 hello ）；

为什么会这样？

因为在浏览器解析JS的时候，如果有返回值，那么就会生成一个新的页面，如果没有就什么都不做。

这就是为什么上面的两个例子有这种差别。

好了，那入正题。

先来看下两段很相似的代码

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

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

然后，我们把这两断代码放到同一个页面中，依次点击他们。

貌似没有发生什么，是不是这样就可以说他们是等效的了呢？

那么我们再来看一段代码

<!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 函数则返回的是空，也就是让浏览器不做任何事情。

如对本文有疑问，请提交到交流论坛，广大热心网友会为你解答！！点击进入论坛

您可能感兴趣的文章:

发表评论 (135人查看，0条评论): 请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。

昵称：

最新评论

------分隔线----------------------------

上一篇：Flash.ActionScript3.殿堂之路笔记 2 [ActionScript3 typeof is as in
下一篇：彻底解决页面文字编码乱码问题

大家感兴趣的内容

关于# 和 void的区别

您可能感兴趣的文章:

公司信息

快速入口

其它栏目

业务咨询