web 浏览器窗口

1、窗口位置:

 取得浏览器窗口左边和上边距屏幕左边和上边的位置

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

在IE、Opera中,screenLeft 和 screenTop中保存的是屏幕左边和上边到由 window 对象表示的页面可见区域(包含工具栏的高度)的距离。

window 对象有两个移动窗口的方法:

     window.moveTo(posX,poxY);   绝对移动

     window.moveBy(posX,poxY);  相对移动

这两个方法有可能会被浏览器禁用。

2、窗口大小:

各个浏览器的window对象都有innerWidth、innerHeight、outerWidth、outerHeight属性,但定义有些不同。

可以获取页面视口的大小:

var pageWidth = window.innerWidth,
    pageHeight = window.innerHeight;
if(typeof pageWidth != "number"){
    if(document.compatMode == "CSS1Compat"){
        pageWidth = document.documentElement.clientWidth;
        pageHeight = document.documentElement.clientHeight;
    } else {
        pageWidth = document.body.clientWidth;
        pageHeight = document.body.clientHeight;
    }
}

window对象有两个调整窗口大小的方法:

     window.resizeTo(lengthX,lengthY);   绝对调整

     window.resizeBy(lengthX,lengthY);  相对调整

这两个方法有可能会被浏览器禁用。

猜你喜欢

转载自www.cnblogs.com/zhanglw456/p/10452115.html