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. IE11之F12 Developer Tools--DOM Explorer

    使用DOM Explorer工具查看网页的DOM状态.检查HTML结构和CSS样式,并测试更改以解决显示问题.这可以在元素位置错误或行为异常时帮助你诊断问题,然后解决问题. DOM Explorer图 ...

  2. 自定义JSTL标签和函数库

    一.自定义JSTL标签 1.编写标签处理类: (1)实现 SimpleTag 接口,通过 setJspContext()方法可以获取到 jspContext 对象,实际上也是 pageContext ...

  3. java switch语句注意的事项

    1.switch语句使用的变量只能是byte.char.short.string数据类型. 2.case后面gender数据必须是一个常量. 3.switch的停止条件: switch语句一旦比配上了 ...

  4. sprint5.0

    团队成员完成自己认领的任务. 燃尽图:理解.设计并画出本次Sprint的燃尽图的理想线.参考图6. 每日立会更新任务板上任务完成情况.燃尽图的实际线,分析项目进度是否在正轨.每天的例会结束后的都为任务 ...

  5. java.lang.IllegalArgumentException 不合法的参数异常

    报错内容: IllegalArgumentException 不合法的参数异常 十二月 06, 2016 10:06:56 上午 org.apache.catalina.core.StandardWr ...

  6. 【转】MSMQ消息队列安装

    一.Windows 7安装.管理消息队列1.安装消息队列   执行用户必须要有本地 Administrators 组中的成员身份,或等效身份.   具体步骤:    开始—>控制面板—>程 ...

  7. 关于IIS寄宿WCF服务，客户端不能生成代理类

    我在使用VS2010写好WCF的Web服务后,部署在IIS7.0上,可以在IE9上进行访问,并且能显示XML数据,如下图 然后我在项目的客户端进行服务的添加引用,如下图 VS2010自动生成代理类,但 ...

  8. 【BZOJ 4551】【TJOI2016】【HEOI2016】树

    http://www.lydsy.com/JudgeOnline/problem.php?id=4551 题目描述 给定一棵有根树(根为 1),有以下两种操作:1. 标记操作:对某个结点打上标记(在最 ...

  9. 【GOF23设计模式】适配器模式

    来源:http://www.bjsxt.com/ 一.[GOF23设计模式]_适配器模式.对象适配器.类适配器.开发中场景  适配器模式  笔记本电脑只有USB接口,新买的键盘是PS2接口的,需要用适 ...

  10. jQuery corner 圆角插件

    jquery.corner是一款强大的圆角插件(所产生的不止只是圆角效果),兼容包括IE6.IE7.IE8.firefox.Opera .Safari.Chrome等主流浏览器,唯一的缺点是为了产生边 ...