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