Dom--Anchor Object

最新推荐文章于 2025-09-10 14:53:18 发布

转载最新推荐文章于 2025-09-10 14:53:18 发布 · 53 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Elong/archive/2006/07/14/450971.html

文章标签：

#javascript #ViewUI

本文通过JavaScript演示如何改变HTML页面中链接的文本、URL及目标窗口属性。初始链接指向Microsoft，通过按钮点击事件更改链接至W3Schools，并设置新窗口打开。同时介绍了如何获取链接焦点及设置快捷键。

<html>
<head>

<style type="text/css">
a:active {color:green}
</style>

<script type="text/javascript">
function changeLink()
{
document.getElementById('myAnchor').innerHTML="Visit W3Schools"
document.getElementById('myAnchor').href="http://www.w3schools.com"
document.getElementById('myAnchor').target="_blank"
}

function getfocus()
{document.getElementById('myAnchor').focus()}

function losefocus()
{document.getElementById('myAnchor').blur()}

function access()
{
document.getElementById('myAnchor').accessKey="a"
}

</script>
</head>

<body onload="access()">
<a id="myAnchor" href="http://www.microsoft.com">Visit Microsoft</a>
<br /><br />
<input type="button" onclick="changeLink()" value="Change link">
<p>In this example we change the text and the URL of a hyperlink. We also change the target attribute.
The target attribute is by default set to "_self", which means that the link will open in the same window.
By setting the target attribute to "_blank", the link will open in a new window.</p>
--------------------------------------------------------
<br /><br/>
<input type="button" onclick="getfocus()" value="Get focus">
<input type="button" onclick="losefocus()" value="Lose focus">

<br/>
--------------------------------------------------------
<br /><br/>

<p>(Use Alt + a to give focus to the link.)</p>

</body>

</html>

转载于:https://www.cnblogs.com/Elong/archive/2006/07/14/450971.html