HTML DOM Anchor target 属性
最后更新于：2022-03-26 22:18:25
Anchor target 属性
Anchor对象定义和用法
target 属性可设置或返回 target 属性值。
target 属性描述了在何处打开链接。
语法
设置 target 属性:
anchorObject.target=”value”
返回 target 属性:
anchorObject.target
| 值 | 描述 |
|---|---|
| _blank | 在一个新的未命名的窗口载入文档 |
| _self | 在相同的框架或窗口中载入目标文档 |
| _parent | 把文档载入父窗口或包含了超链接引用的框架的框架集 |
| _top | 把文档载入包含该超链接的窗口,取代任何当前正在窗口中显示的框架 |
| framename | 在同一个 frame 框架中载入文档 |
浏览器支持
所有主要浏览器都支持 target 属性
实例
实例
更改一个链接的 target：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function changeTarget(){
document.getElementById(‘runoob’).target="_blank";
}
</script>
</head> <body>
<a id="runoob" href="//docs.gechiui.com/w3school">访问菜鸟教程</a>
<br><br>
<input type="button" onclick="changeTarget()" value="修改target">
<p>尝试在你单击按钮之前点击链接。</p> </body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function changeTarget(){
document.getElementById(‘runoob’).target="_blank";
}
</script>
</head> <body>
<a id="runoob" href="//docs.gechiui.com/w3school">访问菜鸟教程</a>
<br><br>
<input type="button" onclick="changeTarget()" value="修改target">
<p>尝试在你单击按钮之前点击链接。</p> </body>
</html>