前言
不管總結(jié)知識(shí)點(diǎn)的深度/廣度比較小,自己還是要將這篇小小的知識(shí)點(diǎn),加上微不足道的前言,已為項(xiàng)目結(jié)構(gòu)工整性。不扯上別的了,扯回來,前端程序員現(xiàn)在可能偶爾會(huì)看到前輩代碼上會(huì)出現(xiàn)這么一段代碼<a href="javascript:;" class="link">鏈接</a>,第一次咋一看,什么東東,可能知道這沒啥大用,不影響整體功能邏輯,但不明所以,還真**難受。譬如:

情形解釋
javascript:是一個(gè)偽協(xié)議,譬如偽協(xié)議mail: tel: file:等。HTML中的a標(biāo)簽中href屬性為javascript:是表示觸發(fā)或點(diǎn)擊a標(biāo)簽?zāi)J(rèn)動(dòng)作時(shí),會(huì)執(zhí)行一段javascript代碼。如果a標(biāo)簽中href屬性值為javascript:;或者為javascript:vaid(0);,則表示點(diǎn)擊a標(biāo)簽時(shí),什么腳本代碼都不執(zhí)行,這樣點(diǎn)擊a標(biāo)簽也就是沒有任何反應(yīng)。這三種情況都是將js代碼寫入html文件中,其效果類似于在HTML中script標(biāo)簽中的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;">點(diǎn)哦我</a>
</body>
</html>
-
初始效果:
op.png -
控制臺(tái)輸入b
op1.png -
先點(diǎn)擊鏈接,再控制臺(tái)輸入b
op2.png
小結(jié):通過以上三步證明,當(dāng)點(diǎn)擊a標(biāo)簽鏈接時(shí),觸發(fā)了a標(biāo)簽的href屬性中js代碼
javascript:var b = 1;,使得b的值為1,然后再控制臺(tái)輸入b,會(huì)理所應(yīng)當(dāng)?shù)拇蛴?。將href屬性值改為javascript:;或者javascript:void(0);,也就是觸發(fā)a標(biāo)簽沒有任何響應(yīng)和任何js腳本代碼。
總結(jié)
通過這些操作,也不是對(duì)a標(biāo)簽中href屬性值javascript:;或javascript:void(0);及其中一些腳本代碼等一面茫然。
生活寄語(yǔ):愛代碼,愛生活!!!


