HTML中a标签的target属性的“_blank”、“_self”、“_parent”、
。。。
本⽂记录了对HTML中<a>标签的target属性的“_blank”、“_self”、“_parent”、“_top”这4个属性值的效果的测试。
使⽤<frame>标签，做⼀个有框架的⽹页，为了能看出HTML中<a>标签的target属性的“_self”和“_parent”这2个属性值的不同效果，需要这个⽹页还有框架的嵌套，框架思路如下图所⽰：
该⽹页由Frame A和Frame B两部分组成，其中Frame B⼜由Frame B1和Frame B2两部分组成。在Frame B2中设置4个链接，分别⽤HTML中<a>标签的target属性的“_blank”、“_self”、“_parent”、“_top”这4个不同属性值，观察他们的不同效果：
下⾯先开始写这个⽹页：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>This is a title</title>
</head>
<frameset cols="25%,75%">
<frame src="###\Frame_A.html" />
<frame src="###\Frame_B.html" />
</frameset>
</html>
这只是⼀个演⽰，这⾥⽤“###”代表具体的路径。
这样⽹页的效果就是左边25%的部分显⽰Frame_A.html的⽹页内容，右边75%的部分显⽰Frame_B.html的⽹页内容。
继续做Frame_A.html和Frame_B.html：
Frame_A.html：
<meta charset="utf-8">
</head>
<body bgcolor="#8F8FBD">
<hr />
<h3>Frame A</h3>
<hr />
</body>
</html>
Frame_B.html：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>This is a title</title>
</head>
<frameset rows="25%,75%">
<frame src="###\Frame_B_1.html" />
<frame src="###\Frame_B_2.html" />
</frameset>
</html>
同样的，这⾥只是为了演⽰，⽤“###”代表具体的路径。继续做Frame B1和Frame B2：
Frame_B_1：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
</head>
<body bgcolor="#7FFF00">
<hr />
<h3>Frame B1</h3>
<hr />
</body>
</html>
Frame_B_2：
<meta charset="utf-8">
</head>
<body bgcolor=#EBC79E">
<hr />
<h3>Frame B2</h3>
<hr />
<br />
<hr />
<p>
<a href="###/New_Page.html/" target="<b>_blank</b>">This is a        </a>
</p>
<a href="###/New_Page.html" target="_blank">This is </a>
<hr />
<br />
<hr />
<p>
<a href="###/New_Page.html/" target="<b>_self</b>">This is a        </a>
</p>
<a href="###/New_Page.html" target="_self">This is </a>
<hr />
<br />
<hr />
<p>
<a href="###/New_Page.html/" target="<b>_parent</b>">This is a        </a>
</p>
<a href="###/New_Page.html" target="_parent">This is </a>
<hr />
<br />
<hr />
<p>
<a href="###/New_Page.html/" target="<b>_top</b>">This is a
<</a>
</p>
<a href="###/New_Page.html" target="_top">This is </a>
<hr />
html frame</body>
</html>
最后做⼀下New_Page.html：
<meta charset="utf-8">
</head>
<body>
<h1>This is a new page!</h1>
</body>
</html>
在Frame_B_2.html中，有4个连接，都指向同⼀个⽹页New_Page.html，他们唯⼀的不同就是<a>标签中target的属性值不同。先看⼀下⽹页的效果：
分别点击4个链接，可以发现：
_blank:
_self：
_parent：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。