• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号
登陆 注册

超链接打开目标(target)的测试

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
链接的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.ogeek.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.ogeek.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.ogeek.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.ogeek.net/" target="frame1">Links</a>
bbb.htm:
<iframe name="frame1" src="" width="200" height="200"></iframe>
测试结果：
当target="frame1"时，在bbb.frame1中打开；
二、结论
当要打开一个链接时，先在本页面中搜索指定名称(target)的框架，找不到则在下层页面中搜索，还找不到就到上层页面中搜索，都找不到打开一个新的窗口！

鲜花
握手
雷人
路过
鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
More+
上一篇：
HTML教程,HTML默认样式发布时间：2022-06-21
下一篇：
HTML优化加快网页速度发布时间：2022-06-21
热门推荐
More+
热门话题
More+
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服（服务时间 9:00～18:00）

在线QQ客服
地址：深圳市南山区西丽大学城创智工业园
电邮：jeky_zhao#qq.com
移动电话：139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap