DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 超鏈接打開目標(target)的測試
超鏈接打開目標(target)的測試
編輯:HTML和Xhtml     
鏈接的target屬性決定了鏈接在哪邊打開,它的值通常為以下五種:_blank、_self、_parent、_top和自定義,依次表示為:新窗口、當前窗口、父窗口、頂層窗口和框架。當所指名稱的框架不存在時,自定義作用等同於_blank。今天我們主要測試一下當所指名稱的框架處於不同層次頁面中或不同層次頁面中都有該名稱框架時鏈接在哪個框架中打開?
一、測試
1.測試一:指定名稱的框架處於不同層次頁面中
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.jb51.net/" target="frame1">Links</a>
bbb.htm:
<iframe name="frame3" src="" width="200" height="200"></iframe>
測試結果:
當target="frame1"時,在index.frame1中打開;(為方便說明,框架位置統一用"頁面名稱.框架名稱"格式)
當target="frame2"時,在aaa.frame2中打開;
當target="frame3"時,在bbb.frame3中打開;
2.測試二:不同層次頁面中存在同名稱的框架
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.jb51.net/" target="frame2">Links</a>
bbb.htm:
<iframe name="frame2" src="" width="200" height="200"></iframe>
測試結果:
當target="frame2"時,在aaa.frame2中打開;
3.測試三:不同層次頁面中存在同名稱的框架
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.jb51.net/" target="frame2">Links</a>
bbb.htm:
<iframe name="frame3" src="" width="200" height="200"></iframe>
測試結果:
當target="frame2"時,在aaa.frame2中打開;
4.測試四:不同層次頁面中存在同名稱的框架
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.jb51.net/" target="frame1">Links</a>
bbb.htm:
<iframe name="frame1" src="" width="200" height="200"></iframe>
測試結果:
當target="frame1"時,在bbb.frame1中打開;
二、結論
當要打開一個鏈接時,先在本頁面中搜索指定名稱(target)的框架,找不到則在下層頁面中搜索,還找不到就到上層頁面中搜索,都找不到打開一個新的窗口!
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved