超链接的那些事(三): 属性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 连 ...
随机推荐
- ADO.NET---ExcuteScalar()方法复习
ExcuteScalar(),返回的是查询结果的第一行第一列,返回值是object类型,一般用来查询表中有多少条数据,求最大值等 现在我们用ExcuteScalar()做个测试,需求:我要查询学生表里 ...
- Web开发者选择的最佳HTML5/CSS3代码生成器
原文地址:http://codecloud.net/css3-code-generators-for-web-programmers-6672.htmlHTML5 和CSS3是一入门就能用的最好的语言 ...
- WebGL/X3DOM 跑在 iOS
iOS是最早支持WebGL的移动操作系统之一,我们一直在努力让X3DOM运行在那些设备上.然而,标准的Safari浏览器默认是没有开启的.这种情况从iOS8发生改变,iOS8现在完全支持WebGL - ...
- mybatis中#和$符号的区别
mybatis做为一个轻量级ORM框架在许多项目中使用,因其简单的入门受到了广大开发者的热爱.在近期项目中再做一个相关的开发,碰到了#.$符号这样的问题,之前没怎么注意过,通过学习之后,有了点感悟,分 ...
- Picasso
1.简介 Picasso是Square公司出品的一个强大的图片下载和缓存图片库1)在adapter中需要取消已经不在视野范围的ImageView图片资源的加载,否则会导致图片错位,Picasso已经解 ...
- mysql innodb表 utf8 gbk占用空间相同，毁三观
昨天因为发生字符集转换相关错误,今天想验证下utf8和gbk中英文下各自空间的差距.这一测试,绝对毁三观,无论中文还是中文+英文,gbk和utf8占用的实际物理大小完全相同,根本不是理论上所述的“UT ...
- PHP程序z中xdebug工具简要使用方法
PHP程序的debug PHP程序的debug,无论是cli方式还是web方式,都需要使用第三方的debug工具.PHP5.6之前,本身自带的debug功能,仅限于日志输出. 推荐使用免费xdebug ...
- 桂电在linux、Mac OS环境下使用出校器（支持2.14）
这是guetsec学长在三院科协学长所抓包逆向分析1.81版出校器的基础上,用python写的一款为Mac和linux环境开发的出校器. 最后我做了略微修改,支持暂时最新版本2.14.下面有直接从源码 ...
- Js中的this指向问题
函数中的this指向和当前函数在哪定义的或者在哪执行的都没有任何的关系分析this指向的规律如下: [非严格模式]1.自执行函数中的this永远是window [案例1] var obj={ fn:( ...
- iScroll-js—“smooth scrolling for the web”
原文地址: http://bigdots.github.io/2015/12/15/iScroll-js%E2%80%94%E2%80%94smooth%20scrolling%20for%20the ...