<a>標(biāo)簽

<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ì)直接下載

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末费彼,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子口芍,更是在濱河造成了極大的恐慌箍铲,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,807評(píng)論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件鬓椭,死亡現(xiàn)場(chǎng)離奇詭異颠猴,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)小染,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,284評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén)翘瓮,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人裤翩,你說(shuō)我怎么就攤上這事资盅。” “怎么了踊赠?”我有些...
    開(kāi)封第一講書(shū)人閱讀 169,589評(píng)論 0 363
  • 文/不壞的土叔 我叫張陵呵扛,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我筐带,道長(zhǎng)今穿,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 60,188評(píng)論 1 300
  • 正文 為了忘掉前任伦籍,我火速辦了婚禮蓝晒,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘帖鸦。我一直安慰自己芝薇,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,185評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布富蓄。 她就那樣靜靜地躺著剩燥,像睡著了一般。 火紅的嫁衣襯著肌膚如雪立倍。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 52,785評(píng)論 1 314
  • 那天侣滩,我揣著相機(jī)與錄音口注,去河邊找鬼。 笑死君珠,一個(gè)胖子當(dāng)著我的面吹牛寝志,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 41,220評(píng)論 3 423
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼材部,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼毫缆!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起乐导,我...
    開(kāi)封第一講書(shū)人閱讀 40,167評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤苦丁,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后物臂,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體旺拉,經(jīng)...
    沈念sama閱讀 46,698評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,767評(píng)論 3 343
  • 正文 我和宋清朗相戀三年棵磷,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了蛾狗。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,912評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡仪媒,死狀恐怖沉桌,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情算吩,我是刑警寧澤蒲牧,帶...
    沈念sama閱讀 36,572評(píng)論 5 351
  • 正文 年R本政府宣布,位于F島的核電站赌莺,受9級(jí)特大地震影響冰抢,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜艘狭,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,254評(píng)論 3 336
  • 文/蒙蒙 一挎扰、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧巢音,春花似錦遵倦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,746評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至傲绣,卻和暖如春掠哥,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背秃诵。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,859評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工续搀, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人菠净。 一個(gè)月前我還...
    沈念sama閱讀 49,359評(píng)論 3 379
  • 正文 我出身青樓禁舷,卻偏偏與公主長(zhǎng)得像彪杉,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子牵咙,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,922評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • iframe標(biāo)簽 iframe標(biāo)簽派近,內(nèi)聯(lián)框架元素 ,有效地將另一個(gè)HTML頁(yè)面嵌入到當(dāng)前頁(yè)面中.例如加入以下代碼 ...
    JaniceZD閱讀 2,514評(píng)論 0 2
  • 1. 先說(shuō)說(shuō)target屬性 target屬性規(guī)定在何處打開(kāi)超鏈接,取值有如下幾種:_blank瀏覽器在一個(gè)新打開(kāi)...
    易冷zzz閱讀 1,237評(píng)論 0 1
  • 1洁桌、a標(biāo)簽的href 這兩個(gè)都是相對(duì)路徑渴丸,第一個(gè)是從當(dāng)前目錄下找xxx里的index.html文件;第二個(gè)是從當(dāng)前...
    李?lèi)傊?/span>閱讀 333評(píng)論 0 0
  • 眾所周知战坤,a標(biāo)簽的最重要功能是實(shí)現(xiàn)超鏈接和錨點(diǎn)曙强。而且,大多數(shù)人認(rèn)為a標(biāo)簽最重要的作用是實(shí)現(xiàn)超鏈接途茫,今天我剛好碰到a...
    達(dá)摩先森閱讀 1,785評(píng)論 0 0
  • a標(biāo)簽 這里我們列舉了a標(biāo)簽使用是的幾種情況碟嘴,由此我們可以看到a標(biāo)簽的幾個(gè)屬性:href target title...
    雅玲啞鈴閱讀 506評(píng)論 1 3