js 获取web界面宽度和高度的方法总结
2012-06-29 16:32
267 查看
function screenInfo(){
var s = "";
s += "\r\n网页可见区域宽:"+ document.body.clientWidth;
s += "\r\n网页可见区域高:"+ document.body.clientHeight;
s += "\r\n网页可见区域宽:"+ document.body.offsetWidth +" (包括边线的宽)";
s += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;
s += "\r\n网页正文全文高:"+ document.body.scrollHeight;
s += "\r\n网页被卷去的高:"+ document.body.scrollTop;
s += "\r\n网页被卷去的左:"+ document.body.scrollLeft;
s += "\r\n网页正文部分上:"+ window.screenTop;
s += "\r\n网页正文部分左:"+ window.screenLeft;
s += "\r\n屏幕分辨率的高:"+ window.screen.height;
s += "\r\n屏幕分辨率的宽:"+ window.screen.width;
s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth;
alert(s);
}
var h=document.body.clientHeight-90;
document.getElementById('mainTable').style.height = h + 'px'; 通过这种方式可以动态修改 界面的高度和宽度
var s = "";
s += "\r\n网页可见区域宽:"+ document.body.clientWidth;
s += "\r\n网页可见区域高:"+ document.body.clientHeight;
s += "\r\n网页可见区域宽:"+ document.body.offsetWidth +" (包括边线的宽)";
s += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;
s += "\r\n网页正文全文高:"+ document.body.scrollHeight;
s += "\r\n网页被卷去的高:"+ document.body.scrollTop;
s += "\r\n网页被卷去的左:"+ document.body.scrollLeft;
s += "\r\n网页正文部分上:"+ window.screenTop;
s += "\r\n网页正文部分左:"+ window.screenLeft;
s += "\r\n屏幕分辨率的高:"+ window.screen.height;
s += "\r\n屏幕分辨率的宽:"+ window.screen.width;
s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth;
alert(s);
}
var h=document.body.clientHeight-90;
document.getElementById('mainTable').style.height = h + 'px'; 通过这种方式可以动态修改 界面的高度和宽度
相关文章推荐
- js获取页面高度和宽度相关方法
- Javascript/JS获取屏幕分辨率及工作区高度和宽度的方法
- js各种获取当前窗口页面宽度、高度的方法
- JS方法中,网页各种类型宽度(高度)获取
- js获取屏幕高度和宽度的几个方法
- js获取Html元素的实际宽度高度的方法
- JS获取图片高度宽度的方法分享
- 前端js获取到图片的高度和宽度方法
- js获取Html元素的实际宽度高度的方法
- js获取屏幕高度和宽度的几个方法
- js 获取网络图片的高度和宽度的实现方法(变通了下)
- js监听滚动条事件和获取浏览器及屏幕高度和宽度等信息的方法
- 使用WKWebView注入js的详细用法及实时获取到WKWebWiew高度的方法
- js 获取网络图片的高度和宽度的实现方法(变通了下)
- open打开的页面最大化的js方法和如何获取电脑宽度和高度的方法
- js获取屏幕高度,宽度,滚动距离属性总结
- js和jQuery获取浏览器窗口的高度、宽度的方法详解
- 多浏览器兼容的js获取浏览器高度和宽度方法
- js和jq获取屏幕高度、宽度的方法
- JS获取屏幕,浏览器,页面高度及宽度