JS--window对象(二)

window窗口位置:

window.screenLeftwindow.screenTop,在IE,Safari,opera和chrome中表示window窗口距离屏幕左边和上面的距离,在Firefox中则是用window.screenX和window.screenY进行表示。可以用以下方式进行兼容处理:


注意:在IE和opera中,如果浏览器窗口紧贴在屏幕顶部,则window.screenTop的距离是浏览器工具栏的像素值。

moveTo()moveBy(),这两个window下的方法可以将window窗口移动到精确的位置。这两个函数都接受两个参数,moveTo(x,y)表示将window窗口移动到(x,y)这个坐标点。moveBy(x,y)表示将window窗口向右移动x个距离,向下移动y个距离。

window窗口大小:

innerWidth:表示该窗口容器中页面视图区的大小(减去边框宽度)。

innerHeight:表示该窗口容器中页面视图区的大小(减去工具栏高度)。

outerWidth:表示浏览器窗口的宽度。

outerHeight:表示浏览器窗口的高度。

浏览器视口大小:

window.documentElement.clientWidth / window.documentElement.clientHeight

window.body.clienetWidth / window.body.clientHeight

如上两种方式,可以知道在不同浏览器下的肯定又是不同的。在IE6中,第一种写法必须在标准模式下有效,如果是混杂模式的话则需要使用第二种写法。但是子chrome中在两种模式下面这两种写法都是可以的。

你可能感兴趣的:(JS--window对象(二))