第1章 第531节 dom anchor target

推荐给朋友

Anchor target 属性

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>牛客教程(nowcoder.com)</title>
<script>
function changeTarget(){
        document.getElementById('nowcoder').target="_blank";
}
</script>
</head>

<body>
<a id="nowcoder" href="//www.nowcoder.com">访问牛客教程</a>
<br><br>
<input type="button" onclick="changeTarget()" value="修改target">
<p>尝试在你单击按钮之前点击链接。</p>

</body>
</html>

尝试一下