javascript void o,js void运算符

最新推荐文章于 2024-09-11 14:42:31 发布

wenangou

最新推荐文章于 2024-09-11 14:42:31 发布

阅读量58

点赞数

文章标签：人工智能

本文链接：https://blog.csdn.net/wenangou/article/details/134376338

版权

这篇文章主要介绍了javascript void o，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获，下面让小编带着大家一起了解一下。

JS-06-JS中的void运算符

1.void运算符的作用

void运算符是java中的一个操作符，语法如下：

```
java:void(表达式)
```
```
java:void 表达式
```

运算原理：执行表达式，不返回任何结果。

常用于将一个链接变成死链Deepl降重。

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里添加java:void(0)

<a href="java:void(0)" onclick="alert('Hello World')">[--------链接--------]</a>

其中java的作用是：告诉浏览器后面跟的是一段JS代码。

下面程序中java是不可省略的，如果不加，void(0)就会被浏览器认为是一个相对路径。

void(表达式)的作用是执行括号里的表达式，但不返回任何结果。(表达式可以填写任意数字，不影响。)

如果href后面的双引号里什么都不填，还是会返回一个空字符串。就好比在一个函数里返回""：

< type="text/java">
    function doSome() {
    	return "";
	}
	alert(doSome());
</>

执行时还是会返回一个空字符串，而只要href后面存在东西，都会按当前路径去跳转。
在这里插入图片描述

而void(0)连空字符串都不会返回。

使用void(0)后，就没有路径可以跳转了，所以页面不会跳转。
在这里插入图片描述

可见，在点击链接后，执行了一段js代码，并且执行完毕后，页面停留在原位，没有跳转。

引用博客：

https://www.cnblogs.com/chaoguo1234/archive/2013/03/10/2952601.html

wenangou

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript void o,js void运算符

这篇文章主要介绍了javascript void o，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获，下面让小编带着大家一起了解一下。
复制链接

扫一扫