您的位置:首页 > 其它

获取浏览器窗口大小以及位置

2018-03-15 13:29 281 查看
前端开发有一个比较麻烦的事情就是需要关注与各种版本的浏览器的兼容,由于获取浏览器窗口大小与位置可能不会经常用到,所以我就把它们封装成了两个函数,以后用到可以直接引入,就不用再自己去花时间去做各种兼容。

获取窗口位置

function getWindowPos(){
var x = window.screenX||window.screenLeft;
var y = window.screenY||window.screenTop;
var pos = {};//保存屏幕位置的   对象
pos['x'] = x;
pos['y'] = y;
return pos;
}


获取窗口位置

function getWindowSize(){
var windowWidth = window.innerWidth;
var windowHeight = window.innerHeight;
var size = {};

if(typeof windowHeight!='number'){
if(document.compatMode == "css1Compat"){//判断是否是标准模式
windowWidth = document.documentElement.clientWidth;
windowHeight = document.documentElement.clientHeight;
}else{
windowWidth  = document.body.clientWidth;
windowHeight = document.body.clientHeight;
}
}
size['width'] = windowWidth;
size['height'] = windowHeight;
return size;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: