DDR爱好者之家 Design By 杰米
链接的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="https://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="https://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="https://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="https://www.jb51.net/" target="frame1">Links</a>
bbb.htm:
<iframe name="frame1" src="" width="200" height="200"></iframe>
测试结果:
当target="frame1"时,在bbb.frame1中打开;
二、结论
当要打开一个链接时,先在本页面中搜索指定名称(target)的框架,找不到则在下层页面中搜索,还找不到就到上层页面中搜索,都找不到打开一个新的窗口!
一、测试
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="https://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="https://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="https://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="https://www.jb51.net/" target="frame1">Links</a>
bbb.htm:
<iframe name="frame1" src="" width="200" height="200"></iframe>
测试结果:
当target="frame1"时,在bbb.frame1中打开;
二、结论
当要打开一个链接时,先在本页面中搜索指定名称(target)的框架,找不到则在下层页面中搜索,还找不到就到上层页面中搜索,都找不到打开一个新的窗口!
DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米
暂无评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。
更新日志
2024年04月18日
2024年04月18日
- 半吨兄弟《迷人烟嗓》开盘母带[低速原抓WAV+CUE]
- 一战FPS《伊松佐河》DLC更新!PC终极版正式推出
- 肉鸽卡牌《杀戮尖塔2》登Steam页面 暂不支持中文
- 腾讯MMORPG《剑灵2》全新PV发布 国服预约开启
- 谢金燕.1997-精丫有容唱片】【WAV+CUE】
- 群星.2024-欢乐颂5电视剧原声带【正午阳光】【FLAC分轨】
- 张国荣.2001-DOUBLE.FANTASY.AGAIN(日版)【滚石】【WAV+CUE】
- 张学友《试音学友》老虎鱼出品[WAV分轨][720M]
- 林忆莲《林忆莲精选》[DSF][1.9G]
- G.E.M.邓紫棋《The Best of G.E.M. 2008-2012》[DSF][2.3G]
- 女神异闻录夜幕魅影知识怎么提升 p5x手游快速提升知识攻略
- 女神异闻录夜幕魅影体贴怎么提升 p5x手游体贴快速提升攻略
- 女神异闻录夜幕魅影勇气怎么提升 p5x手游勇气快速提升攻略
- 红馆40·李克勤《情情塔塔演唱会2002》2CD[低速原抓WAV+CUE]
- 红馆40·谭咏麟《86万众狂欢演唱会》2CD[低速原抓WAV+CUE]