![codecamp](https://atts.w3cschool.cn/attachments/image/20230811/1691741920856601.png)
HTML DOM Anchor target 属性
Anchor target 属性
![Anchor 对象参考手册](https://atts.w3cschool.cn/attachments/image/up.gif)
定义和用法
target 属性可设置或返回 target 属性值。
target 属性描述了在何处打开链接。
语法
设置 target 属性:
anchorObject.target="value"
返回 target 属性:
anchorObject.target
值 | 描述 |
---|---|
_blank | 在一个新的未命名的窗口载入文档 |
_self | 在相同的框架或窗口中载入目标文档 |
_parent | 把文档载入父窗口或包含了超链接引用的框架的框架集 |
_top | 把文档载入包含该超链接的窗口,取代任何当前正在窗口中显示的框架 |
framename | 在同一个 frame 框架中载入文档 |
浏览器支持
所有主要浏览器都支持 target 属性
实例
实例
更改一个链接的 target:
<html>
<head>
<script>
function changeTarget()
{
document.getElementById('w3s').target="_blank";
}
</script>
</head>
<body>
<a id="w3s" href="http://www.w3cschool.cn">W3CSchool</a>
<input type="button" onclick="changeTarget()" value="Change target">
</body>
</html>
<head>
<script>
function changeTarget()
{
document.getElementById('w3s').target="_blank";
}
</script>
</head>
<body>
<a id="w3s" href="http://www.w3cschool.cn">W3CSchool</a>
<input type="button" onclick="changeTarget()" value="Change target">
</body>
</html>
尝试一下 »
![Anchor 对象参考手册](https://atts.w3cschool.cn/attachments/image/up.gif)