js和jQuery获取浏览器窗口的高度、宽度的方法详解
来源:互联网 发布:java 当月剩余天数 编辑:程序博客网 时间:2024/06/05 20:29
有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)。
对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:
- window.innerHeight - 浏览器窗口可视区域的高度
- window.innerWidth - 浏览器窗口可视区域的宽度
- document.documentElement.scrollHeight-浏览器整个网页的内容高度
- document.documentElement.scrollWidth-浏览器整个网页的内容宽度
- document.documentElement.clientHeight-浏览器窗口可视区域的高度
- document.documentElement.clientWidth-浏览器窗口可视区域的宽度
当浏览器窗口缩小或放大时,上面1、2、5、6的值会随之增大或减小;而3、4则保持不变。
使用e.clientX可获取当前可视区域的横坐标;使用e.pageX可获取当前元素在整个页面中的横坐标。
实用的 JavaScript 方案(涵盖所有浏览器):
实例
var w=window.innerWidth|| document.documentElement.clientWidth|| document.body.clientWidth;var h=window.innerHeight|| document.documentElement.clientHeight|| document.body.clientHeight;
- window.open() - 打开新窗口
- window.close() - 关闭当前窗口
- window.moveTo() - 移动当前窗口
- window.resizeTo() - 调整当前窗口的尺寸
以上是通过js获取的屏幕高度和宽度,你也可以使用jQuery进行获取,如下:
$(window).width()==window.innerWidth
$(window).height()==window.innerHeight
同时,你也可以用jQuery获取DOM(文档对象模型)的高度和宽度,如下:
$(document).width()
$(document).height()
<iframe>父子窗口之间的调用,可以观看本人的博客——《通过js或jQuery,<iframe>子父窗口之间元素、方法、window的相互获取》
0 0
- js和jQuery获取浏览器窗口的高度、宽度的方法详解
- js/jquery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- JQuery获取浏览器窗口的高度和宽度
- JQuery获取浏览器窗口的高度和宽度
- Jquery获取浏览器窗口的高度和宽度
- JQuery获取浏览器窗口的高度和宽度
- JQuery获取浏览器窗口的高度和宽度
- JQuery获取浏览器窗口的高度和宽度
- JQuery获取浏览器窗口的高度和宽度
- jQuery获取浏览器窗口的宽度和高度
- jquery 获取浏览器窗口的高度和宽度
- JQuery获取浏览器窗口的高度和宽度
- [js][jQuery]JQuery获取浏览器的高度和宽度
- JS获取浏览器窗口的宽度和高度
- 获取浏览器窗口的高度和宽度
- 获取浏览器窗口的高度和宽度
- JS获取浏览器的高度和宽度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- ios 关于.a库的相关指令
- 指针的指针
- 简单的EventBus传值
- fastjson 常用的方法
- composer 更新报错:SSL/TLS
- js和jQuery获取浏览器窗口的高度、宽度的方法详解
- java并发锁机制-ReentrantLock Condtion准备篇之Object.wait,Object.notify与Condtion
- kali linux 打不开终端的问题
- textField里边的内容限制
- Windows 环境下Android ReactNative环境搭建
- hexo教程系列——hexo安装教程
- HDU-1251-统计难题(字典树||map)
- BouncyCastle生成证书(二)
- GitBook