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

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 >
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值