首页 > 代码库 > Anchor 对象
Anchor 对象
更改一个链接的文本、URL 以及 target<html>
<head>
<script type="text/javascript">
function changelink(){
document.getElementById(‘myAnchor‘).innerHTML="访问 W3School"
}
document.getElementById(‘myAnchor‘).href="http://www.w3school.com.cn"
document.getElementById(‘myAnchor‘).target="_blank"
}
</script>
</head>
<body>
<a id="myAnchor" href="http://www.microsoft.com">访问 Microsoft</a>
<input type="button" onclick="changeLink()" value="http://www.mamicode.com/改变链接">
<p>在本例中，我们改变超链接的文本和 URL。我们也改变 target 属性。target 属性的默认设置是 "_self"，这意味着会在相同的窗口中打开链接。通过把 target 属性设置为 "_blank"，链接将在新窗口中打开。</p>
</body>
</html>
使用 focus() 和 blur()
<script type="text/javascript">
function getfocus()
{document.getElementById(‘myAnchor‘).focus()}
function losefocus()
{document.getElementById(‘myAnchor‘).blur()}
</script>
</head>
<body>
<a id="myAnchor" href="http://www.w3school.com.cn">访问 W3School.com.cn</a>
<br /><br/>
<input type="button" onclick="getfocus()" value="http://www.mamicode.com/获得焦点">
<input type="button" onclick="losefocus()" value="http://www.mamicode.com/失去焦点">
</body>
</html>
向超链接添加快捷键
<html>
<head>
<script type="text/javascript">
function accesskey()
{
document.getElementById(‘w3‘).accessKey="w"
document.getElementById(‘w3dom‘).accessKey="d"
}
</script>
</head>
<body onl oad="accesskey()">
<p><a id="w3" href="http://www.w3school.com.cn/">W3School.com.cn</a> （请使用 Alt + w 给该链接赋予焦点）</p>
<p><a id="w3dom" href="http://www.w3school.com.cn/htmldom/">HTML DOM</a> （请使用 Alt + d 为该链接赋予焦点）</p>
</body>
</html>
Anchor 对象