|
文档对象模型是动态HTML的核心内容。DOM体现的是网页各元素之间的关系,包括浏览器自身属性(如浏览器的版本号),窗口自身的属性(如网页的URL),各HTML元素,甚至还包括一些背景信息(如当前日期、时间等)。通过利用脚本语言编程控制DOM,可使更多的网页元素产生变化(如自动显示最新刷新时间等)。
结合运用脚本技术与文档对象模型,制作浏览器状态栏“走马灯”文字提示。
操作如下:
把下面的代码添加到一个网页文件的<head></head>之间并预览。
<script>
<!--Beginning of JavaScript Applet一一>
function scrollit_r2l(seed)
{ var ml=”状态栏文字运动”;
Var m2 =””;
var msg=ml+m2;
var out=””;
var c=1;
var speed =0
if(seed>100)
{ seed-=2;
var cmd=”scrollit_r21(”+seed+”)”;
timerTwo=window.setTimeout(cmd,speed);}
else if(seed<=100&&seed>0)
{ for (c=0 ;
c<seed ; c++) {out十=”
”;}
out+=msg;
seed一=2;
var cmd=”scrollit_r2l(”+seed+”)”;
window.status=out;→浏览器窗口状态栏文档对象模型
timerTwo=Window.setTimeout(cmd,speed);}
else if(seed<=0)
{ if
(一seed<msg.1ength)
{ out+=msg.substring(一seed,msg.1ength);
seed一=2;
var cmd=”scrollit_r2l(”+seed+”)”;
window.Status=out;
timerTwo=window.setTimeout(cmd,speed);}
else{ window.status=”
”;
timerTwo=Window.setTimeout(”scrollit_r2l(100)”,speed);
}
}
}
scrollit_r21(100);
//--End of JavaScript code - ->
</script>
注意到代码中除了我们已经学习过的脚本外,还有window.status的代码。其中window表示浏览器窗口本身,status表示的是浏览器窗口状态栏。它们都是DOM元素。通过脚本程序,可以对这些DOM元素进行控制,实现各种各样的特殊效果。
|