javascript浏览器对象模型-windwo对象

来源:常见问题 2024-03-05

javascript浏览器对象模型-windwo对象(上)

  BOM    Browser  Object Model
  window对象 是BOM中所有对象的核心。

   一、属性

    1.(位置类型-获得浏览器的位置)
      IE:
       window.screenLeft
       可以获得浏览器距屏幕左上角的左边距  
        window.screenTop
       可以获得浏览器距屏幕左上角的上边距

      FF:  
        alert(screenX)  
         alert(screenY)

       (获得浏览器的尺寸)

      FF:window.innerWidth  获得窗口的宽度
         window.innerHeight  获得窗口的高度

    2.关系类型

      A.parent返回父窗口
      B.top   返回顶层窗口

      C.self===window

    3.stutas  设置窗口状态栏的文本


  二、方法

   1.窗体控制
    A.对窗体的移动

    window.moveBy(x,y)  相对于当前位置沿着X\Y轴移动指定的像素,如负数是反方向
    moveTo(x,y)  相对于浏览器的左上角沿着X\Y轴移动到指定的像素,如负数是反    方向

    B.窗体尺寸的改变

     
    resizeBy(x,y)  相对于当前窗体的大小,调整宽度和高度
    resizeTo(x,y)  把窗体调整为指定宽度和高度