Javascript获取屏幕分辨率、当前浏览器窗口大小
来源:互联网 发布:装修设计与施工 知乎 编辑:程序博客网 时间:2024/05/16 02:01
var w=document.documentElement.clientWidth;
var h=document.documentElement.clientHeight;
alert(w+" "+h);
在控制台上输入如上语句即可
document.documentElement.clientWidth 和 document.documentElement.clientHeight 是获取浏览器当前窗口视图区域(也就是说不包括工具栏、滚动条等)的实际宽高(旧的HTML标准是写作document.body.clientWidth/clientHeight,已过时,建议大家用新标准来描述):
手头一个项目,需要对屏幕分辨率进行检测,同时对窗口大小改变进行监测,窗口大小改变则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
客户区大小
我们可以如此编码获取其客户区的大小:
function getViewport() {if (document.compatMode == "BackCompat") {return {width: document.body.clientWidth,height: document.body.clientHeight};} else {return {width: document.documentElement.clientWidth,height: document.documentElement.clientHeight};}}
- Javascript获取屏幕分辨率、当前浏览器窗口大小
- js获取当前浏览器窗口大小
- Javascript获取浏览器窗口大小(转)
- Javascript获取各种浏览器可见窗口大小
- Javascript获取各种浏览器可见窗口大小
- JavaScript 获取浏览器窗口的大小
- JavaScript 获取浏览器窗口的大小
- Javascript获取各种浏览器可见窗口大小
- Javascript获取各种浏览器可见窗口大小
- javaScript获取浏览器窗口可视区域大小
- JS获取当前对象大小以及屏幕分辨率
- JS获取当前对象大小以及屏幕分辨率
- JavaScript 得到当前浏览器窗口尺寸大小的脚本
- JavaScript 得到当前浏览器窗口尺寸大小的脚本
- JavaScript 得到当前浏览器窗口尺寸大小的脚本
- 浏览器窗口变化实时获取window当前大小
- 当浏览器窗口大小改变时候,动态获取当前浏览器窗口的可视高宽
- Javascript获取各种浏览器可见窗口大小 【转】
- 184.Largest Number-最大数(中等题)
- MATLAB技巧——imshow多张图片
- pdf转换成jpg格式快准狠的转换方法
- 使用spring定时器注解实现定时任务
- AutoZoomInImageView的使用动画3秒后自动跳转页面
- Javascript获取屏幕分辨率、当前浏览器窗口大小
- LeetCode解题报告 357. Count Numbers with Unique Digits [medium]
- 记一次后台存储方案优化
- 九乘九数独
- Android 6.0 权限申请详解,以及权限申请框架MPermissions的简单使用
- Swift3.0语言教程使用编码创建和初始化字符串
- 函数指针 & 指针函数 学习笔记
- C&C++推荐书籍
- JS 调 OC