取得窗口大小和窗口位置-兼容所有浏览器的js代码
2011-08-08 18:58
411 查看
转载自:玉米串
取得窗口大小的代码:
我们首先把window.innerWidth和window.innerHeight的值分别付给了pageWidth和pageHeight。然后检查pageWidth中保存的是不是一个数值;如果不是,则通过document.compatMode来确定页面是否处于标准模式。如果是,则分别使用document.documentElement.clientWidth和document.documentElement.clientHeight的值。否则,就使用document.body.clientWidth和document.body.clientHeight的值。
取得窗口位置的代码:
这两个例子目的是取得窗口左边和上边的位置,首先运用二元操作符判断screenLeft属性和screenTops属性是否存在,如果存在(在IE、Safari、Opera和Chrome中),则取这两个属性的值。如果不存在(在Firefox中),则取screenX和screenY的值。
取得窗口大小的代码:
var pageWidth = window.innerWidth, var pageHeight = window.innerHeight; if(typeof pageWidth != "number"){ if(document.compatMode == "number"){ pageWidth = document.documentElement.clientWidth; pageHeight = document.documentElement.clientHeight; }else{ pageWidth = document.body.clientWidth; pageHeight = document.body.clientHeight; } }
我们首先把window.innerWidth和window.innerHeight的值分别付给了pageWidth和pageHeight。然后检查pageWidth中保存的是不是一个数值;如果不是,则通过document.compatMode来确定页面是否处于标准模式。如果是,则分别使用document.documentElement.clientWidth和document.documentElement.clientHeight的值。否则,就使用document.body.clientWidth和document.body.clientHeight的值。
取得窗口位置的代码:
var leftPos = (typeof window.screenLeft == "number") ? window.screenLeft : window.screenX; 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解决方案
- JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)_javascript技巧_
- 兼容所有浏览器的设为首页收藏本站js代码
- JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)
- 加入收藏js代码 兼容所有浏览器
- JS获取按键的代码,Js如何屏蔽用户的按键,Js获取用户按键对应的ASII码(兼容所有浏览器)
- JS获取按键的代码,Js如何屏蔽用户的按键,Js获取用户按键对应的ASII码(兼容所有浏览器)
- JS获取网页窗口大小、浏览器窗口大小、页面元素位置
- JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)
- js 控制浏览器窗口位置,大小
- JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)