超鏈接打開目標(biāo)(target)的測(cè)試_XHTML教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
鏈接的target屬性決定了鏈接在哪邊打開,它的值通常為以下五種:_blank、_self、_parent、_top和自定義,依次表示為:新窗口、當(dāng)前窗口、父窗口、頂層窗口和框架。當(dāng)所指名稱的框架不存在時(shí),自定義作用等同于_blank。今天我們主要測(cè)試一下當(dāng)所指名稱的框架處于不同層次頁面中或不同層次頁面中都有該名稱框架時(shí)鏈接在哪個(gè)框架中打開?
一、測(cè)試
1.測(cè)試一:指定名稱的框架處于不同層次頁面中
index.htm:
<iframe name="frame1" src="" width="400" height="400"></iframe>
<iframe src="aaa.htm" width="400" height="400"></iframe>
aaa.htm:
<iframe name="frame2" src="bbb.htm" width="300" height="300"></iframe>
<a href="http://www.wf0088.com/" target="frame1">Links</a>
bbb.htm:
<iframe name="frame3" src="" width="200" height="200"></iframe>
測(cè)試結(jié)果:
當(dāng)target="frame1"時(shí),在index.frame1中打開;(為方便說明,框架位置統(tǒng)一用"頁面名稱.框架名稱"格式)
當(dāng)target="frame2"時(shí),在aaa.frame2中打開;
當(dāng)target="frame3"時(shí),在bbb.frame3中打開;
2.測(cè)試二:不同層次頁面中存在同名稱的框架
index.htm:
<iframe name="frame1" src="" width="400" height="400"></iframe>
<iframe src="aaa.htm" width="400" height="400"></iframe>
aaa.htm:
<iframe name="frame2" src="bbb.htm" width="300" height="300"></iframe>
<a href="http://www.wf0088.com/" target="frame2">Links</a>
bbb.htm:
<iframe name="frame2" src="" width="200" height="200"></iframe>
測(cè)試結(jié)果:
當(dāng)target="frame2"時(shí),在aaa.frame2中打開;
3.測(cè)試三:不同層次頁面中存在同名稱的框架
index.htm:
<iframe name="frame2" src="" width="400" height="400"></iframe>
<iframe src="aaa.htm" width="400" height="400"></iframe>
aaa.htm:
<iframe name="frame2" src="bbb.htm" width="300" height="300"></iframe>
<a href="http://www.wf0088.com/" target="frame2">Links</a>
bbb.htm:
<iframe name="frame3" src="" width="200" height="200"></iframe>
測(cè)試結(jié)果:
當(dāng)target="frame2"時(shí),在aaa.frame2中打開;
4.測(cè)試四:不同層次頁面中存在同名稱的框架
index.htm:
<iframe name="frame1" src="" width="400" height="400"></iframe>
<iframe src="aaa.htm" width="400" height="400"></iframe>
一、測(cè)試
1.測(cè)試一:指定名稱的框架處于不同層次頁面中
index.htm:
<iframe name="frame1" src="" width="400" height="400"></iframe>
<iframe src="aaa.htm" width="400" height="400"></iframe>
aaa.htm:
<iframe name="frame2" src="bbb.htm" width="300" height="300"></iframe>
<a href="http://www.wf0088.com/" target="frame1">Links</a>
bbb.htm:
<iframe name="frame3" src="" width="200" height="200"></iframe>
測(cè)試結(jié)果:
當(dāng)target="frame1"時(shí),在index.frame1中打開;(為方便說明,框架位置統(tǒng)一用"頁面名稱.框架名稱"格式)
當(dāng)target="frame2"時(shí),在aaa.frame2中打開;
當(dāng)target="frame3"時(shí),在bbb.frame3中打開;
2.測(cè)試二:不同層次頁面中存在同名稱的框架
index.htm:
<iframe name="frame1" src="" width="400" height="400"></iframe>
<iframe src="aaa.htm" width="400" height="400"></iframe>
aaa.htm:
<iframe name="frame2" src="bbb.htm" width="300" height="300"></iframe>
<a href="http://www.wf0088.com/" target="frame2">Links</a>
bbb.htm:
<iframe name="frame2" src="" width="200" height="200"></iframe>
測(cè)試結(jié)果:
當(dāng)target="frame2"時(shí),在aaa.frame2中打開;
3.測(cè)試三:不同層次頁面中存在同名稱的框架
index.htm:
<iframe name="frame2" src="" width="400" height="400"></iframe>
<iframe src="aaa.htm" width="400" height="400"></iframe>
aaa.htm:
<iframe name="frame2" src="bbb.htm" width="300" height="300"></iframe>
<a href="http://www.wf0088.com/" target="frame2">Links</a>
bbb.htm:
<iframe name="frame3" src="" width="200" height="200"></iframe>
測(cè)試結(jié)果:
當(dāng)target="frame2"時(shí),在aaa.frame2中打開;
4.測(cè)試四:不同層次頁面中存在同名稱的框架
index.htm:
<iframe name="frame1" src="" width="400" height="400"></iframe>
<iframe src="aaa.htm" width="400" height="400"></iframe>
相關(guān)XHTML教程:
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說說XHTML中的alt屬性和title屬性
- Semantics語義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問題
- 請(qǐng)注意頁面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語義的標(biāo)簽:有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
猜你也喜歡看這些
- css教程:CSS邊框border屬性的應(yīng)用
- 對(duì)display:inline與float:left正確含義的認(rèn)識(shí)!
- 深入css結(jié)構(gòu)的探討如何運(yùn)用div和span才是合理的!
- CSS教程:浮動(dòng)元素對(duì)瀏覽器的支持
- 解決IE和Mozilla的布局差別的利器:“!important”
- 在DW中進(jìn)行CSS編碼的技巧
- WEB標(biāo)準(zhǔn),Web前端工程師定位淺談
- FF中CSS的私有屬性小結(jié)
- 調(diào)整CSS類型的順序改變鏈接翻滾
- CSS教程10、CSS的PseudoClasses偽類[翻譯Htmldog]
- 相關(guān)鏈接:
- 教程說明:
XHTML教程-超鏈接打開目標(biāo)(target)的測(cè)試。