代码改变世界

js学习之——窗口几何学

2011-09-05 20:09  呦菜  阅读(201)  评论(0编辑  收藏  举报

1. screen对象

  屏幕对象包含了用户电脑屏幕的相关信息。

      screen.width和screen.height属性给出了屏幕大小

      screen.availWidth和screen,availHeight给出了有效的屏幕分辨率。

      screen.colorDepth给出了电脑屏幕能够处理的每像素的(颜色)位数。screen.pixelDepth给出了同样地信息,但是在IE下无效。

2. 窗口尺寸

   最重要的是window.innerWidth和window.innerHeight,他们指定了窗口的尺寸。

3. 移动、改变大小和滚动窗口

      移动:moveTo( )  和  moveBy( )

      调节窗口尺寸:resizeTo( ) 和 resizeBy( )

      滚动窗口:scrollTo( ) 和 scrollBy( )

      所有这些方法都接受两个参数:x 和 y坐标。

      其中To( )类的方法是绝对的,也就是x 和 y坐标给出窗口新的绝对位置、大小或滚动偏移。By( )类方法是相对的,也就是他们在窗口的当前位置、大小或滚动偏移上增加所指定的参数x 和 y的值。

4. 获取焦点和失去焦点

      focus( )方法:放在层叠顺序的前列

      blur( )方法:将窗口隐藏在其他窗口的后面