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="//www.runoob.com">访问菜鸟教程</a>
<br><br>
<input type="button" onclick="changeTarget()" value="修改target">
<p>尝试在你单击按钮之前点击链接。</p>
</body>
</html>
尝试一下 »
Anchor对象
点我分享笔记