04 a標(biāo)簽href的所有可能取值

1. 先說說target屬性

target屬性規(guī)定在何處打開超鏈接,取值有如下幾種:
_blank
瀏覽器在一個(gè)新打開、未命名的窗口打開文檔
_self
當(dāng)前窗口打開文檔,沒有target屬性時(shí)的默認(rèn)操作
_top
清除所有包含的框架,將文檔載入整個(gè)瀏覽器窗口
_parent
將文檔載入父窗口,如果引用是在父窗口或者頂級(jí)框架,與_self等效

2.Href的取值

來自菜鳥網(wǎng)絡(luò)對(duì)a標(biāo)簽href的可能值:

超鏈接的 URL??赡艿闹担?br> 1.絕對(duì) URL - 指向另一個(gè)站點(diǎn)(比如 href="http://www.example.com/index.htm")
2.相對(duì) URL - 指向站點(diǎn)內(nèi)的某個(gè)文件(href="index.htm")
3.錨 URL - 指向頁面中的錨(href="#abc")// abc為頁面中某個(gè)元素的id或 者name,href=‘#’即默認(rèn)錨#top,跳轉(zhuǎn)到頂部但不刷新頁面

此外,href的取值可能還有:
1.href = 'mailto:xxxxx' 打開郵件客戶端發(fā)送郵件
> 發(fā)送郵件:<a href="mailto:someone@microsoft.com?subject=Hello%20again">發(fā)送郵件</a>
發(fā)送復(fù)雜郵件:<a href="mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">發(fā)送復(fù)雜郵件!</a>

注意:使用 %20 來替換單詞之間的空格,這樣瀏覽器就可以正確地顯示文本了。

2.href = 'javascript:;' 或者 href = 'javascript:void(0)' 或者 href = 'javascript:void()'
死鏈接點(diǎn)擊沒有任何反應(yīng),個(gè)人理解禁用a標(biāo)簽的默認(rèn)跳轉(zhuǎn)行為。
<a href="javascript;" onclick=“func()”>

3.href = 'javascript:history.xxxx;' 用于返回上一頁,下一頁等
><a href="javascript:history.go(-1);">向上一頁</a>
><a href="javascript:history.back();">返回上一頁</a>
><a href="javascript:history.foward();">向下一頁</a>
>圖片或者按鈕
><button onclick="javascript:history.back();">返回上一頁</button>
history的三個(gè)方法:go() back() forward()
back() 加載到前一個(gè)頁面
back() 加載到下一個(gè)頁面
go() 加載到具體的頁面 1向后加載 -1向前加載

4.href=“javascript:window.opener=null;window.close();” 關(guān)閉當(dāng)前頁面

關(guān)于a標(biāo)簽的總結(jié)暫時(shí)這么多,后面想到了再更,有錯(cuò)誤之處還望指出。

最后編輯于
?著作權(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)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,533評(píng)論 19 139
  • 五十三:請(qǐng)解釋 JavaScript 中 this 是如何工作的。1.方法調(diào)用模式當(dāng)一個(gè)函數(shù)被保存為一個(gè)對(duì)象的屬性...
    Arno_z閱讀 683評(píng)論 0 2
  • 如果說, 西藏是一種不去就治不好的病, 新疆是一種去過就戒不掉的癮。 那么青海,就是一味神奇的藥, 她既能治好“西...
    旅行懶懶閱讀 598評(píng)論 5 4
  • 晨讀書目:《高效能人士的七個(gè)習(xí)慣》(上) 啦啦啦啦,今天讀的是前三大習(xí)慣。 #積極主動(dòng)# 積極主動(dòng)=(意識(shí)+行動(dòng))...
    萬菠蘿閱讀 357評(píng)論 10 10
  • 晨語------觀友圖偶得 (一) 臥巒靜無聲,黛墨灑天成。 野徑披晨暉,鶯囀迎遠(yuǎn)尊。 開軒數(shù)重門,比鄰皆親朋。 ...
    黃磊的簡(jiǎn)書閱讀 283評(píng)論 0 2

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