超链接的那些事(三): 属性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 连 ...
随机推荐
- nodePPT初认识启动与手机控制
最近要做个PPT,想起之前看到过个网页PPT,于是这次就想尝试下,搜了下弹出个nodeppt---有可能是最好的网页PPT,那,就这个吧. 按照文档来,貌似有点问题,百度,又是一堆粘贴复制,没点用.自 ...
- mysql 随机字符的产生方法
需求:需要插入随机数据,长度为6位,包含数字和大写字母. 一般来说我们会写类似如下的存储过程片断: ) default 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLM ...
- js页面跳转整理（转载未整理）
js方式的页面跳转1.window.location.href方式 <script language="JavaScript" type="text/java ...
- JAVA的网络编程基础概念
网络编程的目的就是指直接或间接地通过网络协议与其他计算机进行通讯.网络编程中有两个主要的问题,一个是如何准确的定位网络上一台或多台主机,另一个就是找到主机后如何可靠高效的进行数据传输.在TCP/IP协 ...
- 【Unity】13.3 Realtime GI示例
分类:Unity.C#.VS2015 创建日期:2016-04-19 一.简介 使用简单示例而不是使用实际示例的好处是能让你快速理解光照贴图和光影效果相关的概念和基本设置办法,这样可避免实际复杂场景中 ...
- 与众不同 windows phone (46) - 8.0 通信: Socket, 其它
[源码下载] 与众不同 windows phone (46) - 8.0 通信: Socket, 其它 作者:webabcd 介绍与众不同 windows phone 8.0 之 通信 Socket ...
- 小白学Linux--虚拟机下安装Ubuntu16
最近接收到任务,说是下半年可能要搞全文检索.听到后顿时炸锅了,一方面是对新技术的兴奋(当然主要还是这技术比较值钱),另一方面,我TM连Linux都不会玩,怎么搞全文检索.怀揣着对开源世界的无线向往(恐 ...
- POJ 1681---Painter's Problem（高斯消元）
POJ 1681---Painter's Problem(高斯消元) Description There is a square wall which is made of n*n small s ...
- Hibernate框架的总结
hibernate 简介:hibernate是一个开源框架,它是对象关联关系映射的框架,它对JDBC做了轻量级的封装,而我们java程序员可以使用面向对象的思想来操纵数据库.hibernate核心接口 ...
- Mvc下异步断点续传大文件
最近公司一同事咨询了一个MVC项目下上传大文件时遇到的问题,问题描述如下: MVC项目中,当上传比较大的文件时,速度非常慢,小文件基本没有影响. 原因分析: 如果是用传统的form表单去提交的话,会将 ...