博客园  :: 首页  :: 新随笔  :: 订阅 订阅  :: 管理

js入门·对象的综合练习(重点介绍Link对象)

Posted on 2006-08-08 16:48  天轰穿  阅读(2155)  评论(1编辑  收藏  举报
1:页面载入时改变状态栏文字;
2:指向链接时改变状态栏文字;
3:打印出当前窗口的URL
4:统计本页上有多少个连接
5:利用伪链接做些类似按钮的事件(例如按了链接一,链接二的指向就改变)

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>对象的综合练习(重点介绍Link对象)</title>
<script language="javascript">
window.status
="本演示是本章的一个综合练习";//这句写在了状态栏
function linkk()
{
    
if(confirm("是否转去天轰穿的教程博客"))
    
{
        location.href
="http://thcjp.cnblogs.com/";
    }

}

function gai()
{
    
if(confirm("下面我们将后面这个连接指向该下,所以请先看清楚最后一个链接的指向\n\t没看清楚就取消,看清楚了就确定"))
    
{
        document.links[
2].href="#";
    }

}

</script>
<style type="text/css">
<!--
.STYLE1 
{
    color
: #FF0000;
    font-weight
: bold;
}

-->
</style>
</head>

<body>
<h1 class="STYLE1"><href="javascript:void linkk()" onmouseover="window.status='一个关于链接的传说';return true;">这是一个关于对象的综合演示</a></h1>
<p>
  
<script language="javascript">
var name=prompt("请输入您的名字","");
document.write(
"本页的完整地址是:"+location.href+",亲爱的"+name);
  
</script>
对了,这里顺便说下,LINK对象也可以用 document.links.length  这样的方法访问!为了演示方便,我们在弄个链接
</p>
<p><href="javascript:void gai()">天轰穿</a> <href="http://www.hc115.com/">田洪川</a></p>
<p>本页共<script>document.write(document.links.length)</script> 个链接 </p>
</body>

</html>