超链接的那些事(三): 属性target
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的更多相关文章
- 超链接的那些事(二): 属性href
a标签的属性之一 href 1. 定义 href 属性用于指定超链接目标的 URL. 2. 用法 ①. 锚点 同一页面添加锚点 (1)<a href="#test"& ...
- 超链接a标签的属性target的可选值有哪些以及区别
超链接a标签的属性target的可选值有哪些以及区别 1.<a target="_blank"></a> 2.<a target="_par ...
- 我眼中的Linux设备树(三 属性)
三 属性(property)device_type = "memory"就是一个属性,等号前边是属性,后边是值.节点是一个逻辑上相对独立的实体,属性是用来描述节点特性的,根据需要一 ...
- Linux设备树(三 属性)
三 属性(property) device_type = "memory"就是一个属性,等号前边是属性,后边是值.节点是一个逻辑上相对独立的实体,属性是用来描述节点特性的,根据需要 ...
- 超链接（空链接-target-title属性）
空链接:<a href="#">内容</a> 超链接标签: <a href=" " >内容</a> 属性: hr ...
- js之oop <三>属性标签
读取属性标签 获取对象属性标签,用 Object.getOwnPropertyDescriptor方法.getOwnPropertyDescriptor(); 参数:属性所在对象(object),属性 ...
- 搭建后台页面布局利用属性target 属性
HTML 5 <form> target 属性 HTML 5 <form> 标签 实例 提交一个在新窗口中打开的表单: <form action="demo_f ...
- html 基础之a标签的属性target解析
学习前端,有很多标签其实有很多不同的功能,但是用到的不多,所以就没有发现:当发现的时候,觉得很不可思议,有耳目一新的感觉.例如a 标签,之前只是知道,使用a标签,可以打开一个链接,然后访问一个新的页面 ...
- Linux 文件管理篇（三 属性管理）
可读 r 可写 w 可执行 x 档案属性: 第一栏:执行list -al后第一栏的十个标志[1 - 10] 1: d 目录 - 档案 l 连 ...
随机推荐
- IIS app pools, worker processes, app domains
Copy from http://stackoverflow.com/questions/14105345/iis-app-pools-worker-processes-app-domains I ...
- dp - Google Code jam Qualification Round 2015 --- Problem B. Infinite House of Pancakes
Problem B. Infinite House of Pancakes Problem's Link: https://code.google.com/codejam/contest/6224 ...
- 字典树(Trie树)实现与应用
一.概述 1.基本概念 字典树,又称为单词查找树,Tire数,是一种树形结构,它是一种哈希树的变种. 2.基本性质 根节点不包含字符,除根节点外的每一个子节点都包含一个字符 从根节点到某一节点.路径上 ...
- c#重点[集合类型]异常,数组，集合ArrayList,List<>,hashTable,hashtable泛型(Dictionary)
1.foreach[对一些数组或集合进行遍历] foreach(类型 变量名 in 集合对象){语句体} //定义一个数组 ,,,,, }; foreach(var i in sNum1) { Con ...
- 与众不同 windows phone (52) - 8.1 新增控件: AutoSuggestBox, ListView, GridView, SemanticZoom
[源码下载] 与众不同 windows phone (52) - 8.1 新增控件: AutoSuggestBox, ListView, GridView, SemanticZoom 作者:webab ...
- PhpWind 8.7中禁止后台管理员随意修改会员用户名功能
有人反映PHPWind 8.7中后台可以直接修改用户名的功能太过随意,干脆禁掉. OK,研究一下他的代码,admin/usermange.php tempalate/admin/usermange. ...
- Powerbuilder编写身份证校验码
public function boolean of_calc_cardid_verifycode (string as_cardid, ref string as_verifycode); /* 计 ...
- galera cluster各种问题专贴
dbforge在galera cluster下debug存储过程hang... 经查看process list,dbforge cr_debug引擎使用了use_lock()函数,而galera cl ...
- C++ 面向对象的三个特点--继承与封装（二）
顺着上一篇的内容,我们继续来了解继承的基本知识. 派生类的构造函数和析构函数 派生类继承了基类的成员,但是不能继承基类的构造函数和析构函数,首先,我们了解构造函数和析构函数的执行顺序是当我们创建一个派 ...
- 实践GTD三周年后的体会
从2011年7月开始实践GTD到现在已经3年多了,按照年初设定的目标,应该写点GTD的体会,但提起笔来的时候却发现并没有什么太新的体会,大部分体会都已经在以前的文章中写到了,甚至有些流程已经简化了,看 ...