js細(xì)節(jié)篇---特異a標(biāo)簽的href屬性

前言

不管總結(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.png

情形解釋

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>
  1. 初始效果:


    op.png
  2. 控制臺(tái)輸入b


    op1.png
  3. 先點(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ǔ):愛代碼,愛生活!!!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容