javascript BOM相关操作

最新推荐文章于 2025-08-14 17:31:00 发布

weixin_30633405

最新推荐文章于 2025-08-14 17:31:00 发布

阅读量77

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/skyeming/p/8399235.html

本文详细介绍了如何使用JavaScript来获取和修改浏览器窗口的位置及大小。包括兼容不同浏览器的窗口位置获取方法，以及窗口尺寸的获取与调整技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一.窗口位置

1.获取窗口位置

screenLeft、screenTop

　　IE、Safari、Opera、Chrome

screenX、screenY

　　Firefox、Safari、Chrome

兼容写法:

var leftPos=(typeof window.screenLeft == "number")?
                window.screenLeft:window.screenX;

var topPos=(typeof window.screenTop == "number")?
                window.screenTop:window.screenY;

2.修改窗口位置

moveTo(x,y)

　　接收新位置的坐标值

window.moveTo(200,200)
alert(window.screenLeft+':'+window.screenTop)    //200:200

window.moveTo(150,260)
alert(window.screenLeft+':'+window.screenTop)    //150:260

moveBy(x,y)

　　在浏览器当前位置的基础上进行移动

alert(window.screenLeft+':'+window.screenTop)    //0:0

window.moveBy(100,100)
alert(window.screenLeft+':'+window.screenTop)    //100:100

window.moveBy(150,20)
alert(window.screenLeft+':'+window.screenTop)    //250:120

除了ie，这两个方法在其他浏览器中默认就是禁用的。

open出来的窗口可以使用

二.窗口大小

1.获取窗口尺寸

outerWidth、outerHeight

2.获取视口尺寸

innerWidth、innerHeight

区别:outerWidth获取浏览器本身宽度，不受任何因素影响

　　 innerWidth获取浏览器可用宽度，窗口缩放、控制台等改变窗口可用宽度的方法都能改变innerWidth的值