摘要:百度百度第二種情況給一堆超鏈接以相同的值,這種方式可以使得一組超鏈接在同一窗口打開(kāi),即通過(guò)單擊一個(gè)窗口中的不同鏈接控制另一窗口內(nèi)容變化。
標(biāo)簽的target意思很明確就是在哪里打開(kāi)目標(biāo)文檔。
默認(rèn)情況:當(dāng)我們沒(méi)有設(shè)置超鏈接屬性target的value值時(shí)默認(rèn)是_self,即。它使目標(biāo)文檔顯示在超鏈接所在框架或者窗口中。所以下面兩行代碼效果相同。
<a href="http://www.baidu.com">百度a> <a href="http://www.baidu.com" target="_self">百度a>
給一堆超鏈接以相同的target值,這種方式可以使得一組超鏈接在同一窗口打開(kāi),即通過(guò)單擊一個(gè)窗口中的不同鏈接控制另一窗口內(nèi)容變化。首先,瀏覽器會(huì)找與target值相符的框架或者窗口中的文檔,有則在其中顯示文檔。如果不存在,瀏覽器打開(kāi)一個(gè)新窗口,給其指定一個(gè)標(biāo)識(shí)為target值,之后只要該窗口不關(guān)閉,其它超鏈接就可以指向這個(gè)新窗口。
<ul> <li><a href="http://www.google.com.hk" target="HelloWorld">googlea>li> <li><a href="http://cn.bing.com" target="HelloWorld">必應(yīng)li> <li><a href="http://www.baidu.com" target="HelloWorld">百度a>li> <li><a href="http://www.soso.com" target="HelloWorld">搜搜a>li> ul>
在框架中使用,現(xiàn)在有3個(gè)頁(yè)面,一個(gè)father.html,一個(gè)son1.html,一個(gè)son2.html。father頁(yè)面承載son1和son2,實(shí)現(xiàn)選擇son1中不同鏈接,在son2中動(dòng)態(tài)變化?!?/lxy:frameset和frame在html5中已經(jīng)被棄用了】
father.html代碼:
<frameset cols="30%,*"> <frame src="son1.html"> <frame src="son2.html" name="son2"> frameset>
son1.html代碼:
<body> <h1>son1h1> <ul> <li><a href="http://www.google.com.hk" target="son2">googlea>li> <li><a href="http://cn.bing.com" target="son2">必應(yīng)li> <li><a href="http://www.baidu.com" target="son2">百度a>li> <li><a href="http://www.soso.com" target="son2">搜搜a>li> ul> body>
son2.html代碼:
<body> <h1>son2h1> body>
效果:
target的特殊取值:_blank,_self,_parent,_top,_new。為了理解這些個(gè)取值的不同,我們?cè)趇frame中來(lái)看一眼。主要是target值_parent和_top的區(qū)別。
首先,有四個(gè)頁(yè)面,一個(gè)father.html,一個(gè)big.html,一個(gè)middle.html,一個(gè)small.html。
father.html承載big.html,代碼如下:
<body> father<br/> <iframe src="big.html" width="800px" height="800px">iframe> body>
big.html承載middle.html,代碼如下:
<body bgcolor="darkgrey"> iframe big<br/> <iframe src="middle.html" width="600px" height="600px">iframe> body>
middle.html承載small.html,代碼如下:
<body bgcolor="darkcyan"> iframe middle<br/> <iframe src="small.html" width="400px" height="400px" >iframe> body>
small.html中有一個(gè)超鏈接,代碼如下,我們重點(diǎn)來(lái)看看給這個(gè)超鏈接以不同的target值相應(yīng)的效果:
<body bgcolor="#b8860b"> iframe small<br/> <a href="http://www.baidu.com">百度a> body>
原始的效果是這樣:
設(shè)置target值為_(kāi)self(同樣也是默認(rèn)取值)效果如下:在超鏈接所在窗口中頁(yè)面打開(kāi)。
設(shè)置target值為_(kāi)parent效果如下:父窗口中打開(kāi)。如果本身是頂級(jí)窗口則_parent效果和_self相同。
設(shè)置target值為_(kāi)top效果如下:在頂級(jí)窗口中打開(kāi)。
所以綜合上面效果,在用到多層框架時(shí)需要注意超鏈接跳轉(zhuǎn)時(shí)target值的選擇。
target屬性值_new和_blank的區(qū)別:
_new始終在同一個(gè)新窗口中打開(kāi);
_blank是點(diǎn)擊一次打開(kāi)一個(gè)新窗口。
如果覺(jué)得本文對(duì)您有幫助~可以
微信支持一下:昵稱:
評(píng)論內(nèi)容:退出 訂閱評(píng)論
[Ctrl+Enter快捷鍵提交]
【推薦】超50萬(wàn)VC++源碼: 大型組態(tài)工控、電力仿真CAD與GIS源碼庫(kù)!文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/1582.html
摘要:然而生活并不是這樣,作為一個(gè)未成年人,總是有各種的代理人圍繞在你身邊,比如這樣學(xué)習(xí)這個(gè)時(shí)候如果調(diào)用依然是小紅,因?yàn)檎嫘牟粫?huì)說(shuō)謊。的基本語(yǔ)法如下其中是即將被代理的對(duì)象比如想要出門找小紅玩耍的,就是代理的魔法之手,用來(lái)攔截改造的行為。 前言 什么是代理? 上小學(xué)的時(shí)候,李小紅來(lái)你家叫你出去玩,第一個(gè)回應(yīng)的不是你自己,是你媽:王小明在家寫(xiě)作業(yè),今天不出去! 上中學(xué)的時(shí)候,趙二虎帶著小弟們放學(xué)...
摘要:塊狀元素可以相互嵌套,并且可以包裹內(nèi)聯(lián)元素。內(nèi)聯(lián)元素之間可以相互嵌套但是它們不可以包裹塊狀元素,我們常用講內(nèi)聯(lián)元素用在小塊的內(nèi)容上,比如幾句話。 我們初步了解了HTML和CSS,現(xiàn)在讓我們深入挖掘HTML并了解哪些元素構(gòu)成了這種語(yǔ)言。 建設(shè)網(wǎng)站前,我們需要了解什么元素適合排版什么內(nèi)容。這對(duì)于理解元素如何展示在頁(yè)面中以及元素的語(yǔ)義化都有非常重要的意義。 在工作中使用適當(dāng)?shù)脑嘏虐嫘枰L(zhǎng)時(shí)...
摘要:塊狀元素可以相互嵌套,并且可以包裹內(nèi)聯(lián)元素。內(nèi)聯(lián)元素之間可以相互嵌套但是它們不可以包裹塊狀元素,我們常用講內(nèi)聯(lián)元素用在小塊的內(nèi)容上,比如幾句話。 我們初步了解了HTML和CSS,現(xiàn)在讓我們深入挖掘HTML并了解哪些元素構(gòu)成了這種語(yǔ)言。 建設(shè)網(wǎng)站前,我們需要了解什么元素適合排版什么內(nèi)容。這對(duì)于理解元素如何展示在頁(yè)面中以及元素的語(yǔ)義化都有非常重要的意義。 在工作中使用適當(dāng)?shù)脑嘏虐嫘枰L(zhǎng)時(shí)...
摘要:標(biāo)簽用于定義文檔的頭部,它是所有頭部元素的容器。頭部元素有等標(biāo)簽。遵循的原則是先確定語(yǔ)義的,再選合適的。并且依據(jù)重要性遞減。錨點(diǎn)定位難點(diǎn)通過(guò)創(chuàng)建錨點(diǎn)鏈接,用戶能夠快速定位到目標(biāo)內(nèi)容。 1 什么是HTML? HTML 指的是超文本標(biāo)記語(yǔ)言 (Hyper Text Markup Language)。不是一種編程語(yǔ)言,而是一種標(biāo)記語(yǔ)言,標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽,HTML 使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)...
摘要:全棧工程師也可以叫前端主要是網(wǎng)站小程序公眾號(hào)這一塊隸書(shū)篇超文本標(biāo)記語(yǔ)言,標(biāo)記通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用。超文本標(biāo)記語(yǔ)言的結(jié)構(gòu)包括頭部分英語(yǔ)和主體部分英語(yǔ),其中頭部提供關(guān)于網(wǎng)頁(yè)的信息,主體部分提供網(wǎng)頁(yè)的具體內(nèi)容。全棧工程師也可以叫web 前端 H5主要是網(wǎng)站 app 小程序 公眾號(hào)這一塊 HTML篇 html(超文本標(biāo)記語(yǔ)言,標(biāo)記通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用。) 超文本就是指頁(yè)面內(nèi)可以包含圖片、鏈接...
閱讀 724·2023-04-25 19:43
閱讀 3921·2021-11-30 14:52
閱讀 3794·2021-11-30 14:52
閱讀 3859·2021-11-29 11:00
閱讀 3790·2021-11-29 11:00
閱讀 3882·2021-11-29 11:00
閱讀 3562·2021-11-29 11:00
閱讀 6138·2021-11-29 11:00