1:页面载入时改变状态栏文字;
2:指向链接时改变状态栏文字;
3:打印出当前窗口的URL
4:统计本页上有多少个连接
5:利用伪链接做些类似按钮的事件(例如按了链接一,链接二的指向就改变)
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" >< a 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 >< a href ="javascript:void gai()" > 天轰穿 </ a > < a href ="http://www.hc115.com/" > 田洪川 </ a ></ p >
< p > 本页共 < script > document.write(document.links.length) </ script > 个链接 </ p >
</ body >
</ html >
<! 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" >< a 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 >< a href ="javascript:void gai()" > 天轰穿 </ a > < a href ="http://www.hc115.com/" > 田洪川 </ a ></ p >
< p > 本页共 < script > document.write(document.links.length) </ script > 个链接 </ p >
</ body >
</ html >