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中在两种模式下面这两种写法都是可以的。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容