您的位置：首页 > Web前端 > JavaScript

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

2018-03-12 14:08 337 查看

前言

不管总结知识点的深度/广度比较小，自己还是要将这篇小小的知识点，加上微不足道的前言，已为项目结构工整性。不扯上别的了，扯回来，前端程序员现在可能偶尔会看到前辈代码上会出现这么一段代码

<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>

初始效果：