手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >取得窗口大小 兼容所有浏览器的js代码
取得窗口大小 兼容所有浏览器的js代码
摘要:取得窗口大小的代码:复制代码代码如下:varpageWidth=window.innerWidth,varpageHeight=window...

取得窗口大小的代码:

复制代码 代码如下:

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代码

判断checkbox选择的个数 多浏览器

JS实现兼容各浏览器解析XML文档数据的方法

获取阴历(农历)和当前日期的js代码

根据内容自动调整弹出窗口大小的JS解决方案

kindeditor编辑器点中图片滚动条往上顶的bug

打印/预览/设置的客户端代码

必须点击广告才能进入的代码

精品推荐
分类导航