获取浏览器窗口大小以及位置
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; }
相关文章推荐
- Selenium2学习-020-WebUI自动化实战实例-018-获取浏览器窗口位置大小
- 跨浏览器用javascript获取窗口的位置和大小
- 跨浏览器用javascript获取窗口的位置和大小
- 获取文字相对于浏览器窗口的位置以及2个应用实现
- JS获取网页窗口大小、浏览器窗口大小、页面元素位置
- 通过javascript获取浏览器窗口、文档主体的实际大小以及获取终端设备(屏幕显示器)的可用大小
- javaScript获取元素位置以及元素页面大小总结
- 关于获取各种浏览器可见窗口大小的一点点研究
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- 当浏览器窗口大小改变时候,动态获取当前浏览器窗口的可视高宽
- js获取浏览器窗口的大小
- Js关于获取各种浏览器可见窗口大小的一点点研究
- 关于获取各种浏览器可见窗口大小的一点点研究
- Javascript获取各种浏览器可见窗口大小
- js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
- 获取浏览器的高度、宽度以及监控浏览器窗口的变化
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- Javascript获取各种浏览器可见窗口大小
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽
- [转载]js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码