javascript:void(0) 含义

我们经常会使用到 javascript:void(0) 这样的代码,那么在 JavaScript 中 javascript:void(0) 代表的是什么意思呢?
javascript:void(0) 中最关键的是 void 关键字, void 是 JavaScript 中非常重要的关键字,该操作符指定要计算一个表达式但是不返回值。
语法格式如下:

<head>
<script type="text/javascript">
<!--void func()javascript:void func()或者void(func())javascript:void(func())//-->
</script>
</head>

下面的代码创建了一个超级链接,当用户点击以后不会发生任何事。
实例
<a href="javascript:void(0)">单击此处什么也不会发生</a>
尝试一下 »
当用户链接时,void(0) 计算为 0,但 Javascript 上没有任何效果。
以下实例中,在用户点击链接后显示警告信息:
实例

<head>
  <script type="text/javascript">
    <!--//-->
  </script>
</head>
<body>
  <a href="javascript:void(alert('Warning!!!'))">点我!</a>
</body>

尝试一下 »
以下实例中参数 a 将返回 undefined :
实例

<head>
<script type="text/javascript">
    <!--function getValue(){  
             var a,b,c;  
             a = void ( b = 5, c = 7 );  
             document.write('a = ' + a + ' b = ' + b +' c = ' + c );
  }//-->
</script>
</head>

尝试一下 »

href="#"与href="javascript:void(0)"的区别

# 包含了一个位置信息,默认的锚是#top 也就是网页的上端。
而javascript:void(0), 仅仅表示一个死链接。
在页面很长的时候会使用 # 来定位页面的具体位置,格式为:# + id
如果你要定义一个死链接请使用 javascript:void(0) 。
实例

<a href="javascript:void(0);">点我没有反应的!</a> 
<a href="#pos">点我定位到指定位置!</a> 
<br>
 ... 
<br> 
<p id="pos">尾部定位点</p>

尝试一下 »

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,993评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,596评论 25 708
  • 穿过闹市,越过长街,上班或下班 自以为习惯了这一切 却不曾想 还是会在黑暗中陡然醒来 独自叹息,久不成眠 于是你很...
    你当时咋想的阅读 637评论 6 1
  • 我也曾问过自己,为什么要学写作? 之前我通常会说“因为我想成为像徐志摩、张爱玲、路遥那样的作家,用文字感动他人,也...
    谙忞阅读 525评论 2 4
  • 进入《自我仁慈》练习的最后一周,让我们学习“用和父母不一样的方式对待自己” 曾饱受忽视的人,常会看着那些很有动力照...
    子祐阅读 411评论 0 1