取得窗口大小和窗口位置-兼容所有浏览器的js代码
来源:互联网 发布:法国啄木鸟 知乎 编辑:程序博客网 时间:2024/04/26 09:28
转载自:玉米串
取得窗口大小的代码:
1 var pageWidth = window.innerWidth,
2 var pageHeight = window.innerHeight;
3 if(typeof pageWidth != "number"){
4 if(document.compatMode == "number"){
5 pageWidth = document.documentElement.clientWidth;
6 pageHeight = document.documentElement.clientHeight;
7 }else{
8 pageWidth = document.body.clientWidth;
9 pageHeight = document.body.clientHeight;
10 }
11 }
我们首先把window.innerWidth和window.innerHeight的值分别付给了pageWidth和pageHeight。然后检查pageWidth中保存的是不是一个数值;如果不是,则通过document.compatMode来确定页面是否处于标准模式。如果是,则分别使用document.documentElement.clientWidth和document.documentElement.clientHeight的值。否则,就使用document.body.clientWidth和document.body.clientHeight的值。
取得窗口位置的代码:
1 var leftPos = (typeof window.screenLeft == "number") ? window.screenLeft : window.screenX;
2 var topPos = (typeof window.screenTop == "number") ? window.screenTop : window.screenY;
这两个例子目的是取得窗口左边和上边的位置,首先运用二元操作符判断screenLeft属性和screenTops属性是否存在,如果存在(在IE、Safari、Opera和Chrome中),则取这两个属性的值。如果不存在(在Firefox中),则取screenX和screenY的值。
- 取得窗口大小和窗口位置-兼容所有浏览器的js代码
- JS垮浏览器取得窗口左边和上边的位置
- 改变浏览器窗口的大小和位置
- 获取浏览器窗口可视化区域大小的兼容JS解决方案
- JS弹出窗口窗口的位置和大小
- JS弹出窗口窗口的位置和大小
- js 控制浏览器窗口位置,大小
- JS浏览器窗口大小
- js之可移植的查询窗口大小和位置
- unity里设置窗口大小和位置的代码
- JS获取各种浏览器窗口的大小
- JS获取各种浏览器窗口的大小
- js获取浏览器窗口的大小
- js如何获取浏览器窗口的大小
- js获取浏览器窗口的大小
- 关于获取浏览器窗口大小的代码
- 记录窗口的位置和大小
- Qt 获取窗口的位置和大小
- grep用法
- 《大话处理器》连载——微架构(6) 流水线上的冒险——免不了磕磕绊绊
- 关于(object sender, System.EventArgs e)中参数sender和e的问题
- 2-SAT——5.0(poj3683 Priest John's Busiest Day)
- hadoop环境配置
- 取得窗口大小和窗口位置-兼容所有浏览器的js代码
- ThinkPHP框架中快捷键M和D的区别
- 《大话处理器》连载—PC机结构探秘(7)显示设备——脸面(2)
- C++Primer读书笔记(十三)
- linux下文件系统自动挂载
- PHP 获得计算机的唯一标识[CPU,网卡 MAC地址]
- PHP学习笔记(四)面向对象
- hdu 2844
- 8255A例程