js细节篇---特异a标签的href属性

最新推荐文章于 2024-03-17 23:10:10 发布

qq_29319817

最新推荐文章于 2024-03-17 23:10:10 发布

阅读量667

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/qq_29319817/article/details/79526120

版权

js 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

前言

不管总结知识点的深度/广度比较小，自己还是要将这篇小小的知识点，加上微不足道的前言，已为项目结构工整性。不扯上别的了，扯回来，前端程序员现在可能偶尔会看到前辈代码上会出现这么一段代码<a href="javascript:;" class="link">链接</a>,第一次咋一看，什么东东，可能知道这没啥大用，不影响整体功能逻辑，但不明所以，还真**难受。譬如：

情形解释

javascript:是一个伪协议，譬如伪协议mail: tel: file:等。HTML中的a标签中href属性为javascript:是表示触发或点击a标签默认动作时，会执行一段javascript代码。如果a标签中href属性值为javascript:;或者为javascript:vaid(0);，则表示点击a标签时，什么脚本代码都不执行，这样点击a标签也就是没有任何反应。这三种情况都是将js代码写入html文件中，其效果类似于在HTML中script标签中的js代码

操作证明

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title></title>

  </head>
  <body>
    <a href="javascript:var b = 1;">点哦我</a>
  </body>
</html>

初始效果：
控制台输入b
先点击链接，再控制台输入b

小结：通过以上三步证明，当点击a标签链接时，触发了a标签的href属性中js代码 javascript:var b = 1;,使得b的值为1,然后再控制台输入b，会理所应当的打印1。将href属性值改为 javascript:;或者 javascript:void(0);,也就是触发a标签没有任何响应和任何js脚本代码。