JavaScript - void(十三)

JS void

javascript:void(0) 含义

  • javascript:void(0) 中最关键的是 void 关键字
  • void 是 JS 中非常重要的关键字,该操作符指定要计算一个表达式但是不返回值
<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,但 JS 上没有任何结果
  • void() 仅仅是代表不返回任何值,但是括号内的代码还是要运行
  • 以下实例中,在用户点击链接后显示警告信息:
<head>
    <script type="text/javascript">
    	<!---->
    </script>
</head>
<body>
    <a href="javascript:void(alert('Warnning!!!'))">点我!</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 )	//输出 undefined 5 7
        }
            -->
    </script>
</head>

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

  • # 包含了一个位置信息,默认的锚是 #top ,也就是网页的顶端
  • javascript:void(0) 仅仅表示一个死链接
  • 在网页很长的时候会使用 # 来定位页面的具体位置,格式为:# + id
posted @ 2020-09-07 08:32  示四羽  阅读(180)  评论(0编辑  收藏  举报