1. 先說說target屬性
target屬性規(guī)定在何處打開超鏈接,取值有如下幾種:
_blank
瀏覽器在一個新打開瓢喉、未命名的窗口打開文檔
_self
當(dāng)前窗口打開文檔戚绕,沒有target屬性時的默認(rèn)操作
_top
清除所有包含的框架鉴逞,將文檔載入整個瀏覽器窗口
_parent
將文檔載入父窗口,如果引用是在父窗口或者頂級框架偎痛,與_self等效
2.Href的取值
來自菜鳥網(wǎng)絡(luò)對a標(biāo)簽href的可能值:
超鏈接的 URL旱捧。可能的值:
1.絕對 URL - 指向另一個站點(比如 href="http://www.example.com/index.htm")
2.相對 URL - 指向站點內(nèi)的某個文件(href="index.htm")
3.錨 URL - 指向頁面中的錨(href="#abc")// abc為頁面中某個元素的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()'
死鏈接點擊沒有任何反應(yīng),個人理解禁用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的三個方法:go() back() forward()
back() 加載到前一個頁面
back() 加載到下一個頁面
go() 加載到具體的頁面 1向后加載 -1向前加載
4.href=“javascript:window.opener=null;window.close();” 關(guān)閉當(dāng)前頁面
關(guān)于a標(biāo)簽的總結(jié)暫時這么多,后面想到了再更莫湘,有錯誤之處還望指出尤蒿。