<a>:anchor
1.target屬性的值
_blank:新開(kāi)一個(gè)頁(yè)面打開(kāi)<a>指向的頁(yè)面
_self:在自身窗口打開(kāi)<a>指向的頁(yè)面
_top:在最頂級(jí)的窗口打開(kāi)<a>指向的頁(yè)面
_parent:在父元素的窗口打開(kāi)<a>指向的頁(yè)面
比較:_self _top _parent
這三個(gè)值瓶逃,要在嵌套關(guān)系下理解
例子:
在index1.html文件中讲弄,使用<ifram>嵌入index2.html文件,
在index2.html文件中骚亿,使用<ifram>嵌入index3.html文件曲秉,
index3.html中有一個(gè)<a>
當(dāng)<a>標(biāo)簽的target值為 _self 時(shí)采蚀,打開(kāi)<a>指向的頁(yè)面的窗口是index3.html本身
當(dāng)<a>標(biāo)簽的target值為 _parent 時(shí)疲牵,打開(kāi)<a>指向的頁(yè)面的窗口是index2.html,即父元素
當(dāng)<a>標(biāo)簽的target值為 _topf 時(shí)榆鼠,打開(kāi)<a>指向的頁(yè)面的窗口是index1.html纲爸,即嵌套關(guān)系中,最頂級(jí)的元素
2.href 能傳入什么樣的值妆够?(以下例子以https://www.qq.com為例识啦,文件名為index.html)
一、<a>如果沒(méi)有href神妹,那么瀏覽器會(huì)將它轉(zhuǎn)換成一個(gè)<span>
二袁滥、qq.com
傳入該值,瀏覽器會(huì)把這個(gè)地址當(dāng)作相對(duì)地址灾螃,即在index.html存在的目錄中搜尋qq.com這個(gè)文件
三题翻、//qq.com
傳入該值,瀏覽器會(huì)識(shí)別這是一個(gè)網(wǎng)址腰鬼,而且會(huì)自動(dòng)把index.html的協(xié)議賦予qq.com嵌赠,所以點(diǎn)擊<a>可以跳轉(zhuǎn)到www.qq.com頁(yè)面中
四呛伴、#xxxx
這是一個(gè)錨點(diǎn)惜纸,瀏覽器會(huì)在地址后面添加這個(gè)錨點(diǎn) .../index.html#xxxxx肋杖,錨點(diǎn)只是頁(yè)面的跳轉(zhuǎn)击费,是不發(fā)請(qǐng)求的
五屋剑、?a=1&b=2
這是傳入查詢(xún)參數(shù)溜徙,瀏覽器會(huì)在地址后面添加這個(gè)查詢(xún)參數(shù).../index.html?a=1&b=2在跳,然后發(fā)起請(qǐng)求
六鸯檬、javascript:[JS代碼];
之前的地址都是默認(rèn)是http:協(xié)議執(zhí)行拧篮,而這里使用了javascript偽協(xié)議词渤,當(dāng)點(diǎn)擊這個(gè)<a>后,會(huì)執(zhí)行后面的JS代碼串绩,
但是一般不這么用這個(gè)功能缺虐。一般使用 href="javascript:;" 來(lái)獲取一個(gè)沒(méi)有任何作用的<a>
七、href="javascript:;" 與 href="#"
前者是執(zhí)行段空的JS代碼礁凡,所以不會(huì)有任何動(dòng)作高氮,而后者雖然也不會(huì)發(fā)生請(qǐng)求,但是有時(shí)候這個(gè)操作會(huì)使頁(yè)面出現(xiàn)跳轉(zhuǎn)的行為顷牌,如果沒(méi)有指向?qū)?yīng)id的錨剪芍,則會(huì)自動(dòng)跳轉(zhuǎn)到頁(yè)面最頂部。
八窟蓝、href的路徑問(wèn)題https://blog.csdn.net/weixin_42508745/article/details/82628353
1.(無(wú))開(kāi)頭表示當(dāng)前目錄下的
2.(/)開(kāi)頭的目錄表示該目錄為根目錄的一個(gè)子目錄
href="/"指向的是當(dāng)前文件所在目錄所在的盤(pán)符
3.(./)開(kāi)頭的目錄表示該目錄為當(dāng)前目錄(當(dāng)前目錄所在的目錄)的一個(gè)子目錄
4.(../)開(kāi)頭的目錄表示該目錄為當(dāng)前目錄的父目錄
5.(//)開(kāi)頭的目錄表示和當(dāng)前頁(yè)面使用同一種協(xié)議http/https
3.下載download
<a>默認(rèn)是查看頁(yè)面罪裹,但是加上 download 屬性后,<a>則變成了下載頁(yè)面
另一種下載頁(yè)面的方式:通過(guò)設(shè)置Content-type = application/octet-stream;在請(qǐng)求頁(yè)面時(shí)坊谁,則會(huì)直接下載