成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

轉(zhuǎn)-超鏈接a的target屬性

番茄西紅柿 / 606人閱讀

摘要:百度百度第二種情況給一堆超鏈接以相同的值,這種方式可以使得一組超鏈接在同一窗口打開,即通過單擊一個窗口中的不同鏈接控制另一窗口內(nèi)容變化。

超鏈接a的target屬性

標簽的target意思很明確就是在哪里打開目標文檔。

 

第一種情況:

默認情況:當我們沒有設(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代碼:

復(fù)制代碼
<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>
復(fù)制代碼

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是點擊一次打開一個新窗口。

 

如果覺得本文對您有幫助~可以支付寶(左)或微信支持一下:


看到小伙伴打賞時給我寫一些鼓勵的話,真的非常感動,謝謝你們。


我開了個微信公眾號(第三個二維碼)用來分享自己的職場英語相關(guān)學習經(jīng)驗,感興趣可以關(guān)注,我會不斷更新~


微信打賞微信公眾號
分類: html+css 標簽: html 好文要頂 關(guān)注我 收藏該文 starof
關(guān)注 - 56
粉絲 - 735 +加關(guān)注 2 0 ? 上一篇:html基礎(chǔ)總結(jié)版
? 下一篇:jQuery選擇器
posted @ 2014-10-10 00:11 starof 閱讀(6001) 評論(0) 編輯 收藏 刷新評論刷新頁面返回頂部 發(fā)表評論

昵稱:

評論內(nèi)容: 引用 粗體 鏈接 縮進 代碼 圖片

退出 訂閱評論

[Ctrl+Enter快捷鍵提交]

【推薦】超50萬VC++源碼: 大型組態(tài)工控、電力仿真CAD與GIS源碼庫!
【活動】11.1-11.11,3000元神券限量開搶,51CTO全場課程5折起,還送精美禮品!
【推薦】華為云11.11普惠季 血拼風暴 一促即發(fā)
【工具】SpreadJS純前端表格控件,可嵌入應(yīng)用開發(fā)的在線Excel
【騰訊云】拼團福利,AMD云服務(wù)器8元/月
騰訊云1105 最新新聞
· 無人管道物流近在咫尺?京東擬在雄安推行
· 英特爾起草新數(shù)據(jù)隱私法 保護好用戶數(shù)據(jù)可免遭罰款
· 恒大健康:時穎對賈躍亭和Smart King提起仲裁全面反訴
· 思科在加州裁員約500人 可在內(nèi)部申請其他崗位
· 日本DeNA與騰訊合作:翻譯騰訊手游并在日本上線
? 更多新聞...

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/1582.html

相關(guān)文章

  • 讀完這篇文章,就能擁有炫同事一臉能力:JavaScript 魔幻代理

    摘要:然而生活并不是這樣,作為一個未成年人,總是有各種的代理人圍繞在你身邊,比如這樣學習這個時候如果調(diào)用依然是小紅,因為真心不會說謊。的基本語法如下其中是即將被代理的對象比如想要出門找小紅玩耍的,就是代理的魔法之手,用來攔截改造的行為。 前言 什么是代理? 上小學的時候,李小紅來你家叫你出去玩,第一個回應(yīng)的不是你自己,是你媽:王小明在家寫作業(yè),今天不出去! 上中學的時候,趙二虎帶著小弟們放學...

    mindwind 評論0 收藏0
  • [譯]HTML&amp;CSS Lesson2: 了解HTML

    摘要:塊狀元素可以相互嵌套,并且可以包裹內(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時...

    TNFE 評論0 收藏0
  • [譯]HTML&amp;CSS Lesson2: 了解HTML

    摘要:塊狀元素可以相互嵌套,并且可以包裹內(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時...

    Y3G 評論0 收藏0
  • HTML基礎(chǔ)知識

    摘要:標簽用于定義文檔的頭部,它是所有頭部元素的容器。頭部元素有等標簽。遵循的原則是先確定語義的,再選合適的。并且依據(jù)重要性遞減。錨點定位難點通過創(chuàng)建錨點鏈接,用戶能夠快速定位到目標內(nèi)容。 1 什么是HTML? HTML 指的是超文本標記語言 (Hyper Text Markup Language)。不是一種編程語言,而是一種標記語言,標記語言是一套標記標簽,HTML 使用標記標簽來描述網(wǎng)頁...

    leeon 評論0 收藏0
  • 從零開始全棧工程師——html篇1

    摘要:全棧工程師也可以叫前端主要是網(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)可以包含圖片、鏈接...

    sydMobile 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<