JS-06-JS中的void运算符
1.void运算符的作用
void运算符是javascript中的一个操作符，语法如下：
-
javascript:void(表达式) -
javascript:void 表达式
运算原理：执行表达式，不返回任何结果。
常用于将一个链接变成死链。
2.将一个链接变为死链
实现如下要求：
- 1.保留住超链接的样式
- 2.用户点击该超链接的时候执行一段JS代码
- 3.页面不能跳转
2.1实现第一项
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>void运算符</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>
<a href="">[--------链接--------]</a>
<!-- "" 返回的是一个空字符串，href会按当前路径跳转 -->
</body>
</html>
点击链接后，跳转到开始页面。
2.2实现第二项
将底部链接标签中添加一个click事件
<a href="" onclick="alert(‘Hello World‘)">[--------链接--------]</a>
点击链接后，执行了一段js代码，执行完后跳转到开始页面。
2.3实现第三项
在href里添加javascript:void(0)
<a href="javascript:void(0)" onclick="alert(‘Hello World‘)">[--------链接--------]</a>
其中javascript的作用是：告诉浏览器后面跟的是一段JS代码。
下面程序中javascript是不可省略的，如果不加，void(0)就会被浏览器认为是一个相对路径。
void(表达式)的作用是执行括号里的表达式，但不返回任何结果。(表达式可以填写任意数字，不影响。)
如果href后面的双引号里什么都不填，还是会返回一个空字符串。就好比在一个函数里返回""：
<script type="text/javascript">
function doSome() {
return "";
}
alert(doSome());
</script>
执行时还是会返回一个空字符串，而只要href后面存在东西，都会按当前路径去跳转。
而void(0)连空字符串都不会返回。
使用void(0)后，就没有路径可以跳转了，所以页面不会跳转。
可见，在点击链接后，执行了一段js代码，并且执行完毕后，页面停留在原位，没有跳转。
引用博客：
https://www.cnblogs.com/chaoguo1234/archive/2013/03/10/2952601.html