window窗口位置:
window.screenLeft和window.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中在两种模式下面这两种写法都是可以的。
网友评论