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ò)誤之處還望指出。