首页 > 代码库 > 8月10号=》376页-385页

8月10号=》376页-385页

14.7  传统的DHTML模型

    在DHTML对象模型中,window对象时整个对象模型的顶层对象,该对象包含一个document属性,该属性代表窗口内的HTML文档,

    如果该窗口内有多个Frame,则可使用frames[]方法依次访问该窗口的每个Frame。

    document对象代表HTML文档本身,document对象又包含了一系列的属性:forms、anchors、links、images·····这些属性的

    返回值以关联数组的形式存在,为了访问文档内的指定控件,访问这些属性数组的指定元素即可。访问页面控件有如下3中语法。

      document.images[0]:返回页面内第一个图片元素。

      document.images[id]:返回页面内id或name为id的图片对象。

      documentimages.id:返回页面内id或name为id的图片对象。

 

14.8  使用window对象

    window提供了如下几个方法,这些方法可以再JavaScript脚本中直接使用。

      alert()、confirm()、prompt():分别用于弹出警告对话框、确认对话框和提示输入对话框。

      close():关闭窗口。

      focus()、blur():让窗口获得焦点、失去焦点。

      moveBy()、moveTo():移动窗口。

      open():打开一个新的顶级窗口,用于装载新的URL所指向的地址,并可指定一系列的新属性,包括隐藏菜单等。

      print():打印当前窗口或Frame。

      resizeBy()、resizeTo():重设窗口大小。

      scrollBy()、scrollTo():滚动当前窗口中的HTML文档。

      setInterval()、clearInterval():设置、删除定时器。

      setTimeout()、clearTimeout():也是设置定时器。推荐使用setInterval()和cearInterval()。

    除此之外window对象还提供了如下的常用属性,通过这些属性即可访问window对象包含的一系列对象,例如location、history等。

      closed:该属性返回一个boolean值,用于判断该窗口是否处于关闭状态。

      defaultStatus、status:返回浏览器状态的文本。

      document:返回该窗口内装载的HTML文档。

      frames[]:返回该窗口内包含的Frame对象,每个Frame对象又是一个window对象。

      history:返回该窗口的浏览历史。

      location:返回该窗口装载的HTML文档的URL。

      name:返回该窗口的名字。

      navigator:返回浏览当前页面的浏览器。

      parent:如果当前窗口是一个Frame,则该属性返回包含本Frame的窗口,即该Frame的直接父窗口。

      screen:返回当前浏览者的屏幕对象。

      self:返回自身。

      top:如果当前窗口是一个Frame,则该属性指向包含本Frame的顶级窗口。

 

14.8.1  访问历史

    window的history属性时一个History对象,该对象表示当前窗口的浏览历史,它支持如下几个方法。

      back():后退到上一个浏览页面,如果该页面是第一个打开的,则该方法没有任何效果。

      foward():前进道下一个浏览页面,前提是之前使用了back或go方法。

      go(intValue):该方法可指定前进或后退多少个页面,其中的intValue控件前进、后退的页面数。其中intValue为正,

             表示前进;intValue为负,表示后退。

 

14.8.2  访问页面URL

    window对象还包含一个location属性,该属性可用于访问该窗口或Frame所装载文档的地址。location对象还包含如下几个常用属性。

      hostname:文档所在地址的主机名。

      href:文档所在地址的URL地址。

      host:文档所在地址的主机地址。

      port:文档所在地址的服务端口。

      pathname:文档所在地址的文件地址。

      protocol:装载该文档所使用的协议,例如http:等。

 

14.8.3  客户机屏幕信息

    window对象有一个screen属性,它返回当前浏览者的屏幕对象,该对象的属性会随不同的平台存在变化,但通常会包含如下属性。

      width:屏幕的横向分辨率。

      height:屏幕的纵向分辨率。

      colorDepth:当前屏幕的色深。

 

14.8.4  弹出新窗口

    window的open()方法用于打开一个新窗口。

    代码示范:

      window.open("xxxx.html");

 

14.8.5  确认对话框和输入对话框。

    window对象提供了两种对话框:用于取得用户确认(confirm)的确认对话框和用于获得用户输入(prompt)的输入对话框。

    代码示范:

      //confirm确认对话框

      confirm("是否导航到xx网站");

      //prompt输入对话框

      prompt("请输入你的名字:","");

 

14.8.6  使用定时器

    window提供了如下4个方法来支持定时器

      setInterval("code",interval)、clearInterval(timer):设置、删除定时器。setInterval设置每隔interval毫秒重复执行一次code。

      setTimeout("code",interval)、clearTimeout(timer):也是设置定时器。推荐使用setInterval()和clearInterval()。setTimeout

                                设置在interval毫秒延迟后执行一次code。

    代码示范:

      //显示当前时间的setTime()函数

      var setTime = functon()

      {

        document.getElementById("div").innerHTML = new Date().toLocaleString();

      }

      //指定每隔1000毫秒执行setTime()函数一次

      window.setInterval("setTime()",1000);