JS-06-JS中的void运算符

最新推荐文章于 2024-09-11 17:46:29 发布
最新推荐文章于 2024-09-11 17:46:29 发布
阅读量901 收藏 3
点赞数 1
分类专栏： Web前端 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TSCCG/article/details/119391525
版权

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

TSCCG
关注
专栏目录
JavaScript运算符：viod
尊哥的博客
02-17 1935
void是一元运算符，它出现在操作数之前，操作数可以是任意类型，操作数会照常计算，但忽略计算结果并返回undefined。由于void会忽略操作数的值，因此在操作数具有副作用的时候使用void来让程序更具语义 形式有： void 0 // undefined void(0) // undefined 上面是两种写法都正确。但是建议采用后一种形式。因为void运算符的优先性很高，如果不使用括号，容...
js javascript:void(0) 真正含义
phphot
03-26 6412
我想使用过ajax的都常见这样的代码：here但这儿的void(0)究竟是何含义呢？Javascript中void是一个操作符，该操作符指定要计算一个表达式但是不返回值。void 操作符用法格式如下：1. javascript:void (expression)2. javascript:void expressionexpression 是一个要计算的 Javascript 标准的表达式。表达式
深入理解 JavaScript 中的 `void` 操作符
最新发布
qq_44977477的博客
09-11 424
在 JavaScript 编程中，void 操作符是一种特殊的操作符，它对表达式求值后返回 undefined。这个操作符通常用于确保函数表达式被调用，同时忽略其返回值。本文将详细介绍 void 操作符的用法、特点以及与其他相关概念的比较。
void 运算符
qq_53239252的博客
08-10 117
代码】void 运算符。
js之void
听闻青春丶
04-04 989
void操作符 产生式UnaryExpression: voidUnaryExpression按如下流程解释: 令expr为解释执行UnaryExpression的结果。 调用GetValue(expr). 返回 undefined. 注意：GetValue一定要调用，即使它的值不会被用到，但是这个表达式可能会有副作用(side-effects)。 so： functi...
void运算符
weixin_30516243的博客
09-14 143
void是一元运算符，它出现在操作数之前，操作数可以是任意类型，操作数会照常计算，但忽略计算结果并返回undefined。由于void会忽略操作数的值，因此在操作数具有副作用的时候使用void来让程序更具语义。 console.log(void 0); // undefined console.log(void(0)); // undefined 作用： 1.替代undefined...
js中 javascript-void(0) 用法详解.docx
01-21
### JavaScript中的 `void(0)` 用法详解 #### 一、`void(0)` 的基本概念 在JavaScript中，`void(0)` 是一种特殊的语法结构，它主要用于执行某些处理，同时避免整个页面的刷新。`void` 是一个运算符，其功能是计算...
javascript中的void运算符语法及使用介绍
12-11
void是javascript中的一个操作符，语法如下: [removed]void(表达式) [removed]void 表达式 void会计算表达式的值，但是会丢弃表达式的返回值。 这个表达式常常用来使链接变成一个死链接: 代码如下: 点我</a> 当点击...
浅谈javascript运算符——条件,逗号,赋值,()和void运算符
12-10
本文将介绍条件运算符、逗号运算符、赋值运算符、()和void运算符 条件运算符　 条件运算符是javascript中唯一的一个三元运算符(三个操作数)，有时直接称做’三元运算符’。通常这个运算符写成’?:’，当然在代码中...
JavaScript的 void 操作
qq_61818443的博客
03-07 538
当超链接被点击时，事件监听器中的回调函数将被执行。需要注意的是，现代的 JavaScript 开发中，通常使用更安全和可维护的方式来处理事件，而不是依赖。方法来阻止默认行为（即阻止超链接的跳转行为），然后可以在回调函数中添加其他处理点击事件的代码。当处理点击事件时，现代的 JavaScript 开发通常会使用事件监听器来代替。通过使用事件监听器，我们能够更安全、可维护地处理点击事件，并且避免了使用。例如，可以使用事件监听器来处理点击事件，而不是使用。是一个操作符，用于返回一个表达式的值是。
void() 运算符
zhuxuerong的博客
12-04 1820
void 运算符 对给定的表达式进行求值，然后返回 undefined void是一元运算符，它出现在操作数之前，操作数可以是任意类型，操作数会照常计算，但忽略计算结果并返回undefined。由于void会忽略操作数的值，因此在操作数具有副作用的时候使用void来让程序更具语义 console.log(void 0); // undefined console.log(void(0)); // ...
JavaScript Void 运算符
qq_46658176的博客
10-22 415
void 0 是个啥东西？void 0 和 undefined 这两种赋值效果不是一样的嘛？
JS_void()
weixin_33910385的博客
12-14 321
<a href="javascript:void(0)">hello</a>/* * JS中函数void()的运用大体是这种新式; * void()是运算符,对任何值都返回undefined;和typeof运算符号一样可以 void(0) = void 0; * void function main(){}; 申明此函数返回的是 undefined; 没有 return...
JavaScript中的void运算符
heliuerya的博客
02-06 574
JavaScript中的void运算符
JS void运算符
Zzz9158的博客
12-29 444
js教程void是一元运算符，它可以出现在任意类型的操作数之前执行操作数，却忽略操作数的返回值，返回一个undefined。void常用语 HTML脚本中执行 JavaScript表达式，但不需要返回表达式的计算结果。 示例1本篇文章由泉州SEOwww.234yp.com 整理发布，js教程www.234yp.com/Article/188240.html谢谢合作！ 在下面代码中，使用void运算符让表达式返回undefined。 var a = b = c = 2; /...
JS运算符void
weixin_44932880的博客
03-04 2946
void进行对给定的表达式求值，然后返回undefined。 1.使用 void 运算符让表达式返回 undefined var a = b = c = 2; //定义并初始化变量的值 d = void (a -= (b *= (c += 5))); //执行void运算符，并把返回值赋予变量d console.log(a); //返回-12 console.log(b); //返回14 console.log(c); //返回7 console.log(d); //返回undefined .
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

TSCCG

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值