泉州浮桥网页设计培训班实例笔记HTML DOM 实例(一)-Anchor 对象

泉州浮桥网页设计培训班实例笔记HTML DOM 实例(一)

 

Anchor 对象

更改一个链接的文本、URL 以及 target

<html>

<head>

<script type=”text/javascript”>

function changeLink()

{

document.getElementById(‘myAnchor’).innerHTML=”福建百科商学院”

document.getElementById(‘myAnchor’).href=”http://www.fjbaike.com”

document.getElementById(‘myAnchor’).target=”_blank”

}

</script>

</head>

 

<body>

<a id=”myAnchor” href=”http://www.microsoft.com”>访问 Microsoft</a>

<input type=”button” onclick=”changeLink()” value=”改变链接”>

<p>在本例中,我们改变超链接的文本和 URL。我们也改变 target 属性。target 属性的默认设置是 “_self”,这意味着会在相同的窗口中打开链接。通过把 target 属性设置为 “_blank”,链接将在新窗口中打开。</p>

</body>

 

</html>

使用 focus() blur()

<html>

<head>

<style type=”text/css”>

a:active {color:green}

</style>

 

<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=”获得焦点”>

<input type=”button” onclick=”losefocus()” value=”失去焦点”>

</body>

 

</html>

向超链接添加快捷键

<html>

<head>

<script type=”text/javascript”>

function accesskey()

{

document.getElementById(‘w3’).accessKey=”w”

document.getElementById(‘w3dom’).accessKey=”d”

}

</script>

</head>

 

<body onload=”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>

发表评论

电子邮件地址不会被公开。 必填项已用*标注