Anchor name 属性
HTML DOM Anchor 对象定义和用法
name 属性可设置或返回链接的 name 属性值。
name 属性返回一个链接的名称, 通常用于在文档上创建书签。
语法
设置 name 属性:
anchorObject.name="name"
返回 name 属性:
anchorObject.name
| 值 | 描述 |
|---|---|
| name | 设置链接的名称 |
浏览器支持
所有主要浏览器都支持 name 属性
实例
实例
返回链接的名称:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>外唐教程网(waitang.com)</title>
</head>
<body>
<p><a href="#C6">参见第6章</a></p>
<h2>第1章</h2>
<p>这一章解释了 ba bla bla</p>
<h2>第2章</h2>
<p>这一章解释了 ba bla bla</p>
<h2>第3章</h2>
<p>这一章解释了 ba bla bla</p>
<h2>第4章</h2>
<p>这一章解释了 ba bla bla</p>
<h2>第5章</h2>
<p>这一章解释了 ba bla bla</p>
<h2><a id="c6" name="C6">第6章</a></h2>
<p>这一章解释了 ba bla bla</p>
<script>
document.write("返回锚: ");
document.write(document.getElementById("c6").name);
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>外唐教程网(waitang.com)</title>
</head>
<body>
<p><a href="#C6">参见第6章</a></p>
<h2>第1章</h2>
<p>这一章解释了 ba bla bla</p>
<h2>第2章</h2>
<p>这一章解释了 ba bla bla</p>
<h2>第3章</h2>
<p>这一章解释了 ba bla bla</p>
<h2>第4章</h2>
<p>这一章解释了 ba bla bla</p>
<h2>第5章</h2>
<p>这一章解释了 ba bla bla</p>
<h2><a id="c6" name="C6">第6章</a></h2>
<p>这一章解释了 ba bla bla</p>
<script>
document.write("返回锚: ");
document.write(document.getElementById("c6").name);
</script>
</body>
</html>
以上实例输出结果：
返回锚: C6
尝试一下 »
