手头一个项目,需要对屏幕分辨率进行检测,同时对窗口大小改变进行监测,窗口大小改变则css样式跟随变化。又是坑爹的IE不遵守游戏规则,要兼容ie系列,还得做多方面的兼容性处理。
以下是找到的获取窗口大小的一些知识点:
1、 Window对象的innerWidth属性包含当前窗口的内部宽度。Window对象的innerHeight属性包含当前窗口的内部高度。
2、 Document对象的body属性对应HTML文档的标签。Document对象的documentElement属性则表示 HTML文档的根节点。
3、document.body.clientHeight表示HTML文档所在窗口的当前高度。document.body. clientWidth表示HTML文档所在窗口的当前宽度。
一、获取窗口大小,直接上代码:
var winWidth = 0;
var winHeight = 0;
function findDimensions()
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
{
winHeight = document.documentElement.clientHeight;
winWidth = document.documentElement.clientWidth;
}
return {
'width': winHeight,
'height': winWidth
};
}
二、获取屏幕分辨率
screen对象即可直接获取到当前显示器的分辨率
分辨率宽:screen.width
分辨率高:screen.height
转载请注明本文标题和链接:《Javascript获取屏幕分辨率、当前浏览器窗口大小》
雅漾,欢迎您的回访!