超链接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>

发表评论

昵称：

评论内容：





不改了
退出
订阅评论

[Ctrl+Enter快捷键提交]

</div><!--end: forFlow -->

</div>
posted @
2018-11-07 22:56 
liuxiaojie1 
阅读(...) 
评论(...) 
编辑 
收藏

转-超链接a的target属性的更多相关文章

  1. 超链接a的target属性

    <a>标签的target意思很明确就是在哪里打开目标文档. 第一种情况: 默认情况:当我们没有设置超链接属性target的value值时默认是_self,即<a target=&qu ...

  2. 超链接a标签的属性target的可选值有哪些以及区别

    超链接a标签的属性target的可选值有哪些以及区别 1.<a target="_blank"></a> 2.<a target="_par ...

  3. HTML+css基础 p段落标签 a 超链接标签 Src和href有什么区别和关联？ target属性 Meta标签

    p段落标签: <p></p> 1.他是唯一一个可以不写结束标签的双标签. a 超链接标签: 从一个页面链接到另一个页面.靠的是href属性.  Src和href有什么区别和关联 ...

  4. html中超链接的target属性

    <a> 标签的 target 属性规定在何处打开链接文档.(target就是目标的意思) 一共有(4+1种选择): 用法:<a target="value"> ...

  5. 超链接target属性的取值和作用？

    <a>标签的target属性规定在何处打开连接文档 属性值 _black:点击一次打开一个新窗口 _new:始终在同一个新窗口中打开 _self:默认,在当前窗口打开 _parent:在父 ...

  6. HTML <a> 标签的 target 属性

    HTML <a> 标签的 target 属性 HTML <a> 标签 定义和用法 <a> 标签的 target 属性规定在何处打开链接文档. 如果在一个 <a ...

  7. 局部（或全局）设置<a>标签的target属性

            对于超链接<a>标签,target属性的设置是比较关键的,在不同的用户场景下选用适合的新页面载入方式,可以大大的提高访客的体验感.我们一般对target的设置可以挨个来,但 ...

  8. a标签的target属性

    _blank 浏览器总在一个新打开.未命名的窗口中载入目标文档. _self 这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源 ...

  9. Html标签<a>的target属性

    target属性规定了在何处打开超链接的文档. 如果在一个 <a> 标签内包含一个 target 属性,浏览器将会载入和显示用这个标签的 href 属性命名的.名称与这个目标吻合的框架或者 ...

随机推荐

  1. 奇异值分解(SVD)详解及其应用

    参考:https://blog.csdn.net/shenziheng1/article/details/52916278 论文:http://www-users.math.umn.edu/~lerm ...

  2. 基于Spark的FPGrowth算法的运用

    一.FPGrowth算法理解 Spark.mllib 提供并行FP-growth算法,这个算法属于关联规则算法[关联规则:两不相交的非空集合A.B,如果A=>B,就说A=>B是一条关联规则 ...

  3. [Swift实际操作]七、常见概念-(2)点CGPoint和变形CGAffineTransform的使用

    本文将为你演示点对象CGPoint的使用,其中CG表示来自CoreGraphic(核心图形)这个跨平台框架 首先导入需要使用的两个框架第一个框架表示界面工具框架第二个框架表示核心绘图和动画框架 imp ...

  4. cobbler 自定义安装系统

    1.自定义安装系统(根据mac地址)--name=定义名称--mac=客户端的mac地址--ip-address=需求的ip--subnet=掩码 --gateway=网关--interface=网口 ...

  5. subtext 安装PythonIDE -Anaconda

    安装PythonIDE -Anaconda 打开subtext,通过快捷键 cmd+shift+P 打开 Package Control 来安装其他的插件了. 输入 install 然后你就能看见屏幕 ...

  6. POJ 1169

    #include<iostream> #include<algorithm> #include<vector> #include<set> #defin ...

  7. openerp QWeb

    1.web 模块 注意,OpenERP 模块中 web 部分用到的所有文件必须被放置在模块内的 static 文件夹里.这是强制性的,出于安全考虑. 事实上,我们创建的文件夹 CSS,JS 和 XML ...

  8. Java之集合(五)LinkedList

    转载请注明源出处:http://www.cnblogs.com/lighten/p/7298017.html 1.前言 Java中另一个常见的list就是本章将要讲的LinkedList.ArrayL ...

  9. 快速初步了解Neo4j与使用

    快速初步了解Neo4j与使用 Neo4j是一个高性能的,NOSQL图形数据库,它将结构化数据存储在网络上而不是表中.它是一个嵌入式的.基于磁盘的.具备完全的事务特性的Java持久化引擎,但是它将结构化 ...

  10. org.apache.hadoop.security.AccessControlException: org.apache.hadoop.security .AccessControlException: Permission denied: user=Administrator, access=WRITE, inode="hadoop": hadoop:supergroup:rwxr-xr-x

    这时windows远程调试hadoop集群出现的这里 做个记录   我用改变系统变量的方法 修正了错误 网上搜索出来大概有三种: 1.在系统的环境变量或java JVM变量里面添加HADOOP_USE ...