<a> 标签的 target 属性

easy · 发表于 2013-4-23 23:34:59

<a> 标签的 target 属性规定在何处打开链接文档。

如果一个 <a> 标签内包含 target 属性，那浏览器就会在其值指定的位置(窗口或框架)载入 href 所指定的文档。如果不指定 target 属性，那浏览器就会打开一个新的窗口，并给这个窗口一个指定的标记，然后将新的的文档载入那个窗口。

测试代码1：

<html>
<body>
<a href="http://www.baidu.com" target="my_new_window">Baidu</a>
<a href="http://www.groad.net" target="my_new_window">Groad</a>
<a href="http://www.sogou.com" target="my_new_window">Sogou</a>
</body>
</html>

上面的代码会显示 3 个链接：Baidu，Groad 和 Sogou 。当点击 Baidu 时，会打开一个新的窗口，并被标记为 "my_new_window" 这个名字，然后在其中显示百度首页这个页面。如果继续点击 Groad 时，groad.net 的首面同样会在刚才装载百度首页的那个窗口里加载，同理点击 Sogou 时亦是如此。这就是 target 的基本原理。

不用打开一个完整的浏览器窗口，使用 target 更通常的方法是在一个 <frameset> 中将超链接内容定向到一个或者多个框架中。下面演示这种情况：

1. 在一个页面中写入如下代码：

<html>

<frameset cols="10%, 25%, 25%, 50%">
<frame src="href.htm" name="head_frame">
<frame name="one_frame">
<frame name="two_frame">
<frame name="three_frame">
</frameset>
</html>

2. 上面的 href.htm 的代码如下：

<html>
<body>
<a href="http://www.baidu.com" target="one_frame">Baidu</a> <br>
<a href="http://www.groad.net" target="two_frame">Groad</a> <br>
<a href="http://www.sogou.com" target="three_frame">Sogou</a> <br>
</body>
</html>

效果如下图所示：

在第 1 个框架中，有 3 个链接。在这 3 个链接里，都用 target 指定了要加载页面的框架名，而这个框架名是我们在使用 <frame> 标签时用 name 属性给出的。

4 个特殊目标

_blank
浏览器总在一个新打开，未命名的窗口中载入目标文档。

_self
如果 <a> 没有指定 target，那么这个就是默认的目标。

_parent
在父窗口中打开被链接的文档。

_top
在整个窗口中打开被链接的文档。

		自动登录	找回密码
密码			立即注册

[HTML] <a> 标签的 target 属性

本帖子中包含更多资源

浏览过的版块