跨浏览器用javascript获取窗口的位置和大小

页面导航:首页 > 网络编程 > JavaScript > 跨浏览器用javascript获取窗口的位置和大小

跨浏览器用javascript获取窗口的位置和大小

来源: 作者: 时间:2016-02-02 09:58 【

跨浏览器获取位置var leftX = typeof window screenLeft == number ? window screenLeft : window screenX;var topY = typeof window screenTop == number ? window s

跨获取位置

var leftX = typeof window.screenLeft == 'number' ? window.screenLeft : window.screenX;
var topY = typeof window.screenTop == 'number' ? window.screenTop : window.screenY;

firefox浏览器不支持screenLeft和scrennTop,但是支持screenX和screenY;ie浏览器支持screenLeft和scrennTop,但是不支持screenX和screenY
跨浏览器获取大小

var width = window.innerWidth;      //window.必须有,因为IE不支持
var height = window.innerHeight;        //如果支持inner的,那么就使用它,

//不支持的就是用document对象的方法

if (typeof width != 'number') {
    if (document.compatMode == '1Compat') {
        width = document.documentElement.clientWidth; //标准ie
        height = document.documentElement.clientHeight;
    } else {   //非标准ie
        width = document.body.clientWidth;    
        height = document.body.clientHeight;
    }
}

 

Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<