当前位置：网站首页 > 技术文章 > 正文

[理论篇]一.JavaScript中的死链接和空链接

myzbx 2024-12-05 14:45 19 浏览

void 运算符

void 运算符会对给定的表达式进行求值，然后直接返回 undefined

void 运算符通常只用于获取 undefined 的原始值，一般使用 void(0)（等同于 void 0）。在上述情况中，也可以使用全局变量undefined 来代替（假定其仍是默认值）。

<script>console.log(void(console.log("OK")));</script>

运行结果

OK
undefined

一般我个人称 javascript:void(0) 死链接

javasccript:; 空连接

而javasccript:;是为空链接，其实他也也是直接返回的undefined，而前者是计算完毕之后返回undefined

推荐使用javascript:;

个人习惯使用前者，好像感觉后置更快点，我感觉在前端就无所谓了!

可以去看看各个大网站是输入使用连接的

模拟

当用户点击一个以 javascript: URI 时，浏览器会对冒号后面的代码进行求值，然后把求值的结果显示在页面上，这时页面基本上是一大片空白，这通常不是我们想要的。只有当这段代码的求值结果是 undefined 的时候，浏览器才不会去做这件 傻事 ，所以我们经常会用 void 运算符来实现这个需求

看代码:

参考资料

https://segmentfault.com/q/1010000002435291
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/void
http://www.koikikukan.com/archives/2015/03/11-002222.php

番外篇关于<a href="#"></a>

# 包含了一个位置信息 , 默认的锚是 #top , 也就是网页的上端

如果想完成跟右侧等价的写法，我提供了三种方式进行参考

胖哥出品,请支持一下!

HTML 链接

上一篇：js获取链接内容(抓取html资源链接)
下一篇：HTML 为啥称“超文本标记语言”?

[理论篇]一.JavaScript中的死链接和空链接

相关推荐

使用VSCode模板提高Vue开发效率（vscode开发vue3）

这么牛逼的cursor功能，赶紧用起来

吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】

用上Vue3，你真的变了吗?（vue3 key）

8.7k star，一款超炫酷的动态可视化大屏项目

说下你的vue项目的目录结构，该怎么划分?

移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）

20个免费音乐音效下载网站，无版权素材商业影片也可用

什么是“恒定光圈”，什么是“浮动光圈”?-摄影早自习第331

谷歌SEO:外贸电商网站On-page SEO优化实战「附案例」