5.1.3 文档对象模型

[ 编辑:何树业    封开县江口中学软件工作室   录入时间:2007年6月13日]

 
老师寄语

    结合运用脚本技术与文档对象模型,制作浏览器状态栏“走马灯”文字提示效果。

学习内容

    文档对象模型是动态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=windowsetTimeout(cmdspeed)}

       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=WindowsetTimeout(cmdspeed)}

   else if(seed<=0)

     { if (seed<msg1ength)

     { out+=msgsubstring(seedmsg1ength)

     seed=2

     var cmd=”scrollit_r2l(”+seed+”)”

     windowStatus=out

     timerTwo=windowsetTimeout(cmdspeed)}

      else{  windowstatus=”  ”

     timerTwo=WindowsetTimeout(”scrollit_r2l(100)”speed)
         }
       }
      }
     scrollit_r21(100);
    
     //--End of JavaScript code - ->
    
     </script>

    注意到代码中除了我们已经学习过的脚本外,还有window.status的代码。其中window表示浏览器窗口本身,status表示的是浏览器窗口状态栏。它们都是DOM元素。通过脚本程序,可以对这些DOM元素进行控制,实现各种各样的特殊效果。
 

学生练习

    结合脚本技术与文档对象模型,为自己的主题网站制作浏览器状态栏“走马灯”文字提示。

拓展视野

    网页特效观止(状态栏类)(外网)

版权所有 Copyright© 2005-2008 封开县江口中学软件工作室