javascript 关于# 和 void的区别分析_Javascript教程-查字典教程网

javascript 关于# 和 void的区别分析

摘要：首先，我们来做个实验吧。打开任何一个浏览器的空页，在地址输入栏中输入以下代码:复制代码代码如下:javascript:void(3);会发生...

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

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

复制代码代码如下:

javascript:void(3);

会发生什么呢？

答案是什么都不会发生。

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

复制代码代码如下:

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

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

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

为什么会这样？

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

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

好了，那入正题。

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

复制代码代码如下:

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

复制代码代码如下:

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

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

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

那么我们再来看一段代码

复制代码代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

</HEAD>

<BODY>

这里是页面头哦

[br]

[br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br][br]

[br]