a标签的属性之一 target

1. 定义

    规定在何处打开链接文档。

如果a标签中有target属性，浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。

如果指定的name和id的框架，浏览器将会打开一个新的窗口，标记此窗口，将文档载入当这个新窗口内。之后的超链接文档将会指向这个新窗口。

2. 用法

  • target的目标值

       target有4个特殊的值，有着不同的作用。

1)_self

           这个目标值是a标签的默认值，作用是使目标文档载入并显示在相同的框架或者窗口中作为源文档。

一般情况下是不需要特意来设置这个值的，因为没有必要。除非是和<base>标签一起使用。

注: <base>标签的用法

                <base>标签是为页面上的所有链接规定默认地址或默认目标。

<head>

<base href="http://www.cnblogs.com/MonkeyKingK/" />

<!-- 规定该页面所有链接的默认地址为http://www.cnblogs.com/MonkeyKingK/

     所有相对地址都要基于这个路径来解析 -->

<base target="_blank" />

<!-- 规定所有链接都在一个新窗口打开 -->

</head>

<body>

<img src="test.gif" />

<!-- 实际解析地址是http://www.cnblogs.com/MonkeyKingK/test.gif -->

<a href="http://www.baidu.com">百度</a>

<!-- 实际解析地址是http://www.baidu.com -->

<a href="www.baidu.com">我打开后不是百度的页面</a>

<!-- 实际解析地址是http://www.cnblogs.com/MonkeyKingK/www.baidu.com -->

</body>

从上面的例子可以看出<base>标签规定的地址是来解析所有的相对 URL的。这包括了 <a>、<img>、<link>、<form> 标签中的 URL。

2) _blank

这个目标值表示浏览器总在一个新打开、未命名的窗口中载入目标文档。

3) _parent

             这个目标值表示文档载入父窗口或者包含来超链接引用的框架的框架集。如果在窗口或者顶级框架中使用，效果和self是一样的。

4) _top

这个目标值表示文档载入在包含这个超链接的窗口中，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

 Tip: 

①. 因为存在的4个特殊目标都是带下划线(_)，所以当窗口或者框架的name/id赋值时，不要将value的第一个字符赋为'_'，否则会被浏览器忽略。

②. 当时用iframe时，尽可能使用iframe的name来作为指向目标，而不是id。如果使用iframe的id，在IE10和FF中是不支持的。

③. 当使用<base>标签时，<target="_blank">无效，可能导致无效的原因:

a. 用户在浏览器中设置了禁止弹出新窗口

b. <script>标签的位置

超链接的那些事(三): 属性target的更多相关文章

  1. 超链接的那些事(二): 属性href

    a标签的属性之一 href 1. 定义 href 属性用于指定超链接目标的 URL. 2. 用法     ①. 锚点 同一页面添加锚点 (1)<a href="#test"& ...

  2. 超链接a标签的属性target的可选值有哪些以及区别

    超链接a标签的属性target的可选值有哪些以及区别 1.<a target="_blank"></a> 2.<a target="_par ...

  3. 我眼中的Linux设备树(三 属性)

    三 属性(property)device_type = "memory"就是一个属性,等号前边是属性,后边是值.节点是一个逻辑上相对独立的实体,属性是用来描述节点特性的,根据需要一 ...

  4. Linux设备树(三 属性)

    三 属性(property) device_type = "memory"就是一个属性,等号前边是属性,后边是值.节点是一个逻辑上相对独立的实体,属性是用来描述节点特性的,根据需要 ...

  5. 超链接（空链接-target-title属性）

    空链接:<a href="#">内容</a> 超链接标签: <a href=" " >内容</a> 属性: hr ...

  6. js之oop <三>属性标签

    读取属性标签 获取对象属性标签,用 Object.getOwnPropertyDescriptor方法.getOwnPropertyDescriptor(); 参数:属性所在对象(object),属性 ...

  7. 搭建后台页面布局利用属性target 属性

    HTML 5 <form> target 属性 HTML 5 <form> 标签 实例 提交一个在新窗口中打开的表单: <form action="demo_f ...

  8. html 基础之a标签的属性target解析

    学习前端,有很多标签其实有很多不同的功能,但是用到的不多,所以就没有发现:当发现的时候,觉得很不可思议,有耳目一新的感觉.例如a 标签,之前只是知道,使用a标签,可以打开一个链接,然后访问一个新的页面 ...

  9. Linux 文件管理篇（三 属性管理）

    可读        r 可写        w 可执行        x 档案属性: 第一栏:执行list -al后第一栏的十个标志[1 - 10] 1: d    目录 -    档案 l    连 ...

随机推荐

  1. 订餐APP第一次sprint+燃尽图

    MY-HR 成员: 角色分配 学号 博客园 团队贡献分 丘惠敏 PM项目经理 201406114203 http://www.cnblogs.com/qiuhuimin/ 19 郭明茵 用户 2014 ...

  2. Scrum 项目 7.0

    ------------------7.0------------------------------ Sprint回顾 1.回顾组织 主题:“我们怎样才能在下个sprint中做的更好?” 时间:设定 ...

  3. C#设计模式——适配器模式(Adapter Pattern)

    一.概述在软件开发中,常常会想要复用一个已经存在的组件,但该组件的接口却与我们的需要不相符,这时我们可以创建一个适配器,在需复用的组件的接口和我们需要的接口间进行转换,从而能够正常的使用需复用的组件. ...

  4. SQLDMOHelper

    在网上传闻SQLDMO是个好东西,当时没有注意这个传闻是什么时候了,后来才在微软的官网上看见,从SQL Server2008开始就不用SQLDMO了,取而代之的是SMO.无奈了,还写了个Helper. ...

  5. {"集合已修改；可能无法执行枚举操作。"}

    无论是向集合中添加元素还是从集合中删除元素,都会导致集合内部的变化,特别是集合遍历器的变化.例如 List<,,,,}; foreach(int x in list) { list.Remove ...

  6. 根据Expander的IsExpanded属性值的变化动态设计Control的size

    简要说明: 当Expander 的IsExpanded属性为“True” 时给控件设个尺寸(此处为高度),当为“False”时给控件设另外一个值. 知识点:数据绑定.Style和Trigger < ...

  7. cmd命令行编译和运行java程序报错 NoClassDefFoundError

    首先,当在运行java程序出现这个错误时,首先考虑是不是路径或者未指定正确的包名,例如当运行下面这个文件时: package cn.wgh.socket; public class HelloWorl ...

  8. x3dom 1.6 发布

    X3DOM 库的1.6版本发布了,以下是最重要的一些变化: 完整的新的文档频道 -  http://doc.x3dom.org x3dom实例频道 - http://examples.x3dom.or ...

  9. Natural language style method declaration and usages in programming languages

    More descriptive way to declare and use a method in programming languages At present, in most progra ...

  10. Docker on CentOS for beginners

    Introduction The article will introduce Docker on CentOS. Key concepts Docker Docker is the world's ...