前言
不管总结知识点的深度/广度比较小，自己还是要将这篇小小的知识点，加上微不足道的前言，已为项目结构工整性。不扯上别的了，扯回来，前端程序员现在可能偶尔会看到前辈代码上会出现这么一段代码<a href="javascript:;" class="link">链接</a>,第一次咋一看，什么东东，可能知道这没啥大用，不影响整体功能逻辑，但不明所以，还真**难受。譬如：
javascript.png
情形解释
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>
-
初始效果：
op.png
-
控制台输入b
op1.png
-
先点击链接，再控制台输入b
op2.png
小结：通过以上三步证明，当点击a标签链接时，触发了a标签的href属性中js代码
javascript:var b = 1;,使得b的值为1,然后再控制台输入b，会理所应当的打印1。将href属性值改为javascript:;或者javascript:void(0);,也就是触发a标签没有任何响应和任何js脚本代码。
总结
通过这些操作，也不是对a标签中href属性值javascript:;或javascript:void(0);及其中一些脚本代码等一面茫然。
生活寄语：爱代码，爱生活!!!
网友评论