对于获取浏览器页面大小的问题
来源:互联网 发布:淘宝新规则2017及处罚 编辑:程序博客网 时间:2024/05/22 16:40
今天研究了一下获取浏览器页面大小的问题,自己再总结一下
对于火狐、谷歌、苹果浏览器来说都可以直接使用
window.innerWidth (页宽)
window.innerHeight (页高)
来获取。
而对于ie,
ie9及以上的浏览器可以使用 window.innerWidth和window.innerHeight属性。
而ie8及以下的需要使用 document.documentElement.clientWidth和document.documentElement.clientHeight
ie6分标准模式(document.compatMode == 'CSS1Compat')和怪异模式
标准模式使用:document.documentElement.clientWidth和document.documentElement.clientHeight
怪异模式使用:document.body.clientWidth和document.body.clientHeight(标准模式下是不支持这个属性的)。
所以一般来说用js来获取页面大小用以下代码就可以了
var width = window.innerWidth || document.documentElement.clientWidth;
而如果使用jq就方便多了
var width = $(window).width();
0 0
- 对于获取浏览器页面大小的问题
- 浏览器页面区域大小的获取
- javascript 获取浏览器的大小
- 获取浏览器窗口的大小
- 对于html 页面的针对于浏览器,插件等的各种问题小记录
- 怎样快捷键调整浏览器页面的大小
- 360浏览器对于jquery支持的问题
- JS获取各种浏览器窗口的大小
- 浏览器可见区域大小的获取
- 浏览器可见区域大小的获取
- JavaScript 获取浏览器窗口的大小
- css 获取当前浏览器的大小
- JS获取各种浏览器窗口的大小
- JavaScript 获取浏览器窗口的大小
- HTML获取屏幕、浏览器的尺寸大小
- 关于获取浏览器窗口大小的代码
- js获取浏览器窗口的大小
- JS获取浏览器可视区域的大小
- ecshop模板标签
- android LinearLayout代码方式实现Weight
- C,C++宏中#与##的讲解
- 本地化UIImagePicker中的文字
- hdu 5184 卡特兰数
- 对于获取浏览器页面大小的问题
- android中InputConnection详解
- 黑马程序员--数组操作的常用方法
- application windows are expected to have a root view controller错误
- View.SYSTEM_UI_FLAG_HIDE_NAVIGATION);//导致布局第一次点击没有反应
- android中moveTaskToBack的使用
- JAVA容器分析之概述
- 三大WEB服务器对比分析(apache ,lighttpd,nginx)
- 黑马程序员 OC语法补充