`
wezly
  • 浏览: 484317 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

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

 
阅读更多

链接的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)的框架,找不到则在下层页面中搜索,还找不到就到上层页面中搜索,都找不到打开一个新的窗口!

 

 

详细出处参考:http://www.jb51.net/web/6535.html

分享到:
评论

相关推荐

    超链接_html_

    总结来说,HTML中的超链接通过`&lt;a&gt;`标签实现,通过`href`属性指定目标,`target`属性控制打开方式。开发者可以利用Sublime这样的工具进行高效编写,并通过CSS调整超链接的样式。理解并熟练掌握这些基础知识,对于...

    对target="framename"的理解(实现分页的demo)

    在网页设计和开发中,`target`属性是一个非常重要的HTML属性,主要应用于`&lt;a&gt;`(超链接)标签,用于指定打开链接页面的目标位置。`target`属性的使用可以帮助我们控制浏览器窗口或框架如何处理链接的目标页面。在这...

    阻止 <a> 地址轉向

    在网页开发中,`&lt;a&gt;` 标签是用于创建超链接的重要元素,它通过 `href` 属性定义了链接的目标地址。然而,有时我们可能需要阻止 `&lt;a&gt;` 标签的默认行为,例如防止页面跳转或者在点击链接时执行特定的 JavaScript 代码...

    HTMLXML与网页制作测试题及答案.pdf

    若要使链接在新窗口中打开,可以添加 `target="_blank"` 属性。表格在 HTML 中由 `&lt;table&gt;`、`&lt;tr&gt;`(行)、`&lt;td&gt;`(单元格)等标签构成,`&lt;th&gt;` 用于创建表头单元格。`cellpadding` 属性用于设置单元格内部边距,`...

    html测试题

    - **解析**: 要使超链接在新窗口打开,应设置`target="_blank"`。 **3. 显示图像说明文字的属性** - **知识点**: HTML图像标签的`alt`属性。 - **解析**: 显示图像说明文字使用`alt`属性。 **4. 滚动文字行为** ...

    网页制作-HTML试卷

    还可以使用`target`属性指定链接打开的方式,如`_blank`在新窗口打开,`_self`在当前窗口打开。 四、清考与武汉软件工程职业学院 这是一份针对武汉软件工程职业学院学生的清考试卷,清考通常是对未能在正常考试中...

    HTML-XML与网页制作测试题及答案.docx

    3. **表单与目标窗口**:只有在框架结构的网页中,才能将`&lt;a&gt;`标记符的`target`属性设置为目标文件在一个新的浏览器窗口中打开。 4. **表单嵌套**:在HTML中,表单不能嵌套。 5. **表单元素**:文本框、口令框和复选...

    网页设计与制作在线作业F.pdf

    HTML元素有各种属性,如`&lt;a&gt;`标签的`href`用于定义链接地址,`target`用于设定新链接打开的方式(如`_blank`新窗口,`_self`当前窗口)。 11. **热区** (14.1 热区) 热区是图像映射的一部分,允许用户点击图像的...

    网络编程技术形考1.doc

    15. `&lt;A&gt;`标记创建超链接,`TARGET`属性定义打开链接文档的目标位置,可取值`_blank`、`_parent`、`_self`和`_top`。 16. `INPUT`标记的不同`TYPE`属性创建不同类型的表单控件,如单行文本框`type="text"`,密码框`...

    HTML+CSS技能测试(带答案),DOC.docx

    15. 为了在新窗口打开链接,需要在 `a` 标签中设置 `target="_blank"` 属性,例如 `&lt;a href="url" target="_blank"&gt;链接文本&lt;/a&gt;`。 16. 产生超链接的 HTML 代码是 `链接文本&lt;/a&gt;`。 17. 表格相关的标签包括 `...

    ASP动态网页设计可安装组件与脚本PPT优秀资料.ppt

    接着,我们可以设置它的属性,如边框宽度(Border)、是否可点击(Clickable)以及链接目标框架(TargetFrame)。例如,设置边框为1像素宽,使广告图片具有超链接功能,并且在新窗口中打开链接网页。 AD Rotator...

    前端项目-jQuery-linkify.zip

    2. **链接转换**:将匹配到的URL转换为HTML的`&lt;a&gt;`标签,设置href属性,并添加适当的target属性,以决定链接是在当前窗口打开还是新窗口打开。 3. **可配置性**:开发者可以根据需求自定义链接样式,例如添加特定的...

    ccxn:课程测试

    `target`属性可以设定链接打开的方式,如`_blank`表示新窗口打开,`_self`则在同一窗口内加载。`&lt;form&gt;`元素和表单控件如`&lt;input&gt;`、`&lt;textarea&gt;`、`&lt;button&gt;`则用于收集用户输入,配合`action`和`method`属性实现...

    维基测试

    4. **链接**:`&lt;a&gt;`标签创建超链接,通过`href`属性指定目标URL,`target`属性可定义链接在何处打开。 5. **图像**:`&lt;img&gt;`标签插入图片,`src`属性指向图像源,`alt`属性提供替代文本。 6. **列表**:`&lt;ul&gt;`和`...

    goit-markup-hw-02:https

    - `target`属性决定链接在何处打开,如`_self`(当前窗口/标签页)、`_blank`(新窗口/标签页)等。 **HTTPS介绍:** HTTPS是HTTP(超文本传输协议)与SSL/TLS协议的结合,用于加密通信和验证服务器的身份。它的...

    测试艾哈迈德:测试艾哈迈德

    例如,`&lt;a&gt;`标签的`href`属性指定链接的目标地址,`target`属性可以设定打开链接的方式,如`_blank`表示在新窗口打开。 【HTML5新增特性】 HTML5引入了许多新特性,以增强网页功能和用户体验。比如: - `&lt;canvas&gt;`...

    Homework18:测试

    - `&lt;a&gt;`元素创建超链接,`href`属性指定链接目标,`target`属性控制打开方式。 - `&lt;img&gt;`元素插入图像,`src`属性指定图像源,`alt`属性提供替代文本,当图像无法显示时使用。 【HTML样式】 HTML支持内联样式...

    coursera-test:Coursera测试库

    通过`target`属性,可以设定链接在何处打开,如`_blank`在新窗口中打开。 4. **图像(Images)**:`&lt;img&gt;`标签用于插入图片,`src`属性定义图片源,`alt`属性提供替代文本,当图片无法显示时显示。 5. **头部...

Global site tag (gtag.js) - Google Analytics