转-超链接a的target属性
超链接a的target属性
<a>标签的target意思很明确就是在哪里打开目标文档。
第一种情况：
默认情况：当我们没有设置超链接属性target的value值时默认是_self，即<a target="_self">。它使目标文档显示在超链接所在框架或者窗口中。所以下面两行代码效果相同。
<a href="http://www.baidu.com">百度</a>
<a href="http://www.baidu.com" target="_self">百度</a>
第二种情况：
给一堆超链接以相同的target值，这种方式可以使得一组超链接在同一窗口打开，即通过单击一个窗口中的不同链接控制另一窗口内容变化。首先，浏览器会找与target值相符的框架或者窗口中的文档，有则在其中显示文档。如果不存在，浏览器打开一个新窗口，给其指定一个标识为target值，之后只要该窗口不关闭，其它超链接就可以指向这个新窗口。
<ul>
<li><a href="http://www.google.com.hk" target="HelloWorld">google</a></li>
<li><a href="http://cn.bing.com" target="HelloWorld">必应</li>
<li><a href="http://www.baidu.com" target="HelloWorld">百度</a></li>
<li><a href="http://www.soso.com" target="HelloWorld">搜搜</a></li>
</ul>
第三种情况：
在框架中使用，现在有3个页面，一个father.html，一个son1.html，一个son2.html。father页面承载son1和son2，实现选择son1中不同链接，在son2中动态变化。【//lxy:frameset和frame在html5中已经被弃用了】
father.html代码：
<frameset cols="30%,*">
<frame src="son1.html">
<frame src="son2.html" name="son2">
</frameset>
son1.html代码：
<body>
<h1>son1</h1>
<ul>
<li><a href="http://www.google.com.hk" target="son2">google</a></li>
<li><a href="http://cn.bing.com" target="son2">必应</li>
<li><a href="http://www.baidu.com" target="son2">百度</a></li>
<li><a href="http://www.soso.com" target="son2">搜搜</a></li>
</ul>
</body>
son2.html代码：
<body>
<h1>son2</h1>
</body>
效果：
第四种情况：
target的特殊取值：_blank,_self,_parent,_top,_new。为了理解这些个取值的不同，我们在iframe中来看一眼。主要是target值_parent和_top的区别。
首先，有四个页面，一个father.html，一个big.html，一个middle.html，一个small.html。
father.html承载big.html，代码如下：
<body>
father<br/>
<iframe src="big.html" width="800px" height="800px"></iframe>
</body>
big.html承载middle.html，代码如下：
<body bgcolor="darkgrey">
iframe big<br/>
<iframe src="middle.html" width="600px" height="600px"></iframe>
</body>
middle.html承载small.html，代码如下：
<body bgcolor="darkcyan">
iframe middle<br/>
<iframe src="small.html" width="400px" height="400px" ></iframe>
</body>
small.html中有一个超链接，代码如下，我们重点来看看给这个超链接以不同的target值相应的效果：
<body bgcolor="#b8860b">
iframe small<br/>
<a href="http://www.baidu.com">百度</a>
</body>
原始的效果是这样：
设置target值为_self（同样也是默认取值）效果如下：在超链接所在窗口中页面打开。
设置target值为_parent效果如下：父窗口中打开。如果本身是顶级窗口则_parent效果和_self相同。
设置target值为_top效果如下：在顶级窗口中打开。
所以综合上面效果，在用到多层框架时需要注意超链接跳转时target值的选择。
第五：
target属性值_new和_blank的区别:
_new始终在同一个新窗口中打开；
_blank是点击一次打开一个新窗口。
如果觉得本文对您有帮助~可以支付宝(左)或微信支持一下：
看到小伙伴打赏时给我写一些鼓励的话，真的非常感动，谢谢你们。
我开了个微信公众号（第三个二维码）用来分享自己的职场英语相关学习经验，感兴趣可以关注，我会不断更新～
</div>
<div class="postDesc">posted @ <span id="post-date">2014-10-10 00:11</span> <a href="https://www.cnblogs.com/starof/">starof</a> 阅读(<span id="post_view_count">6001</span>) 评论(<span id="post_comment_count">0</span>) <a href="https://i.cnblogs.com/EditPosts.aspx?postid=4014691" rel="nofollow">编辑</a> <a href="#" onclick="AddToWz(4014691);return false;">收藏</a></div>
</div>
<script type="text/javascript">var allowComments=true,cb_blogId=199625,cb_entryId=4014691,cb_blogApp=currentBlogApp,cb_blogUserGuid='baefb75f-c6ad-e011-8673-842b2b196315',cb_entryCreatedDate='2014/10/10 0:11:00';loadViewCount(cb_entryId);var cb_postType=1;</script>
【活动】11.1-11.11，3000元神券限量开抢，51CTO全场课程5折起，还送精美礼品！
【推荐】华为云11.11普惠季 血拼风暴 一促即发
【工具】SpreadJS纯前端表格控件，可嵌入应用开发的在线Excel
【腾讯云】拼团福利，AMD云服务器8元/月
</div><!--end: forFlow -->
</div>转-超链接a的target属性的更多相关文章
- 超链接a的target属性
<a>标签的target意思很明确就是在哪里打开目标文档. 第一种情况: 默认情况:当我们没有设置超链接属性target的value值时默认是_self,即<a target=&qu ...
- 超链接a标签的属性target的可选值有哪些以及区别
超链接a标签的属性target的可选值有哪些以及区别 1.<a target="_blank"></a> 2.<a target="_par ...
- HTML+css基础 p段落标签 a 超链接标签 Src和href有什么区别和关联？ target属性 Meta标签
p段落标签: <p></p> 1.他是唯一一个可以不写结束标签的双标签. a 超链接标签: 从一个页面链接到另一个页面.靠的是href属性. Src和href有什么区别和关联 ...
- html中超链接的target属性
<a> 标签的 target 属性规定在何处打开链接文档.(target就是目标的意思) 一共有(4+1种选择): 用法:<a target="value"> ...
- 超链接target属性的取值和作用？
<a>标签的target属性规定在何处打开连接文档 属性值 _black:点击一次打开一个新窗口 _new:始终在同一个新窗口中打开 _self:默认,在当前窗口打开 _parent:在父 ...
- HTML <a> 标签的 target 属性
HTML <a> 标签的 target 属性 HTML <a> 标签 定义和用法 <a> 标签的 target 属性规定在何处打开链接文档. 如果在一个 <a ...
- 局部（或全局）设置<a>标签的target属性
对于超链接<a>标签,target属性的设置是比较关键的,在不同的用户场景下选用适合的新页面载入方式,可以大大的提高访客的体验感.我们一般对target的设置可以挨个来,但 ...
- a标签的target属性
_blank 浏览器总在一个新打开.未命名的窗口中载入目标文档. _self 这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源 ...
- Html标签<a>的target属性
target属性规定了在何处打开超链接的文档. 如果在一个 <a> 标签内包含一个 target 属性,浏览器将会载入和显示用这个标签的 href 属性命名的.名称与这个目标吻合的框架或者 ...
随机推荐
- Go语言学习笔记(2)——变量、常量
1. 变量(变量由字母.数字和下划线组成,且不能以数字开头!) 1.1 第一种 var name type // 未赋值时使用默认值 name = value 1.2 第二种: 根据所赋的值 ...
- 【JXOI2018】排序问题 贪心
我们令$sum_i$表示数字i在加完数字的数列中出现的次数,那么答案显然为$\dfrac{(n+m)!}{\sum_{i=0}^{\infty}sum_i!}$ 不难发现,当每次添加的数为$[l,r] ...
- easyui tree扩展tree方法获取目标节点的一级子节点
Easyui tree扩展tree方法获取目标节点的一级子节点 /* 只返回目标节点的第一级子节点,具体的用法和getChildren方法是一样的 */ $.extend($.fn.tree.meth ...
- .Net Core Nuget还原失败
项目获取后发现所有项目的依赖项全部报黄.. 展开发现所有的Nuget包都没有引用.. 按错误窗口的提示使用解决方案上"Nuget包还原"来解决却没有任何进展.. 错误窗口报文 找不 ...
- 剑指offer五十九之按之字形顺序打印二叉树
一.题目 请实现一个函数按照之字形打印二叉树,即第一行按照从左到右的顺序打印,第二层按照从右至左的顺序打印,第三行按照从左到右的顺序打印,其他行以此类推.二.思路 详见代码 三.代码 import j ...
- 剑指offer三十八之二叉树的深度
一.题目 输入一棵二叉树,求该树的深度.从根结点到叶结点依次经过的结点(含根.叶结点)形成树的一条路径,最长路径的长度为树的深度. 二.思路 递归,详见代码. 三.代码 public class So ...
- asp.net四中绑定方式
ASP.NET Eval四种绑定方式: 1.1.x中的数据绑定语法 <asp:Literal id="litEval2" runat="server" T ...
- sql 递归树
with CTE as ( -->Begin 一个定位点成员 select ID, PersonName,ParentID,cast(PersonName as nvarchar(max)) a ...
- 【转】JVM（Java虚拟机）优化大全和案例实战
原文地址:http://blog.csdn.net/kthq/article/details/8618052 堆内存设置 原理 JVM堆内存分为2块:Permanent Space 和 Heap Sp ...
- Python开发工具，服务器框架等
python服务器框架:uWSGI WEB服务器.mod_WS.Meinheld.Gunicorn.CherryPy.Bjoern 查看python内部模块命令,内置函数,查看python已经安装的模 ...