js获取浏览器高度与宽度和各种

原创 2012年03月26日 19:10:45
JS获取浏览器高度和宽度 IE中:

document.body.clientWidth ==> BODY对象宽度

document.body.clientHeight ==> BODY对象高度

document.documentElement.clientWidth ==> 可见区域宽度

document.documentElement.clientHeight ==> 可见区域高度

FireFox中:

document.body.clientWidth ==> BODY对象宽度

document.body.clientHeight ==> BODY对象高度

document.documentElement.clientWidth ==> 可见区域宽度

document.documentElement.clientHeight ==> 可见区域高度

Opera中: 

document.body.clientWidth ==> 可见区域宽度

document.body.clientHeight ==> 可见区域高度

document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)

document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)

没有定义W3C的标准,则

IE为:

document.documentElement.clientWidth ==> 0

document.documentElement.clientHeight ==> 0

FireFox为:

document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)

Opera为:

document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)

JS兼容所有浏览器获取浏览器高度和宽度

var w = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;
  • u014798510
  • u014798510
  • 2016年08月19日 10:30
  • 244

javascript获取浏览器宽度和高度

测试浏览器及版本:IE8、FF5、Chrome12 屏幕分辨率:1366 x 768 文档声明:http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona...
  • bravezhe
  • bravezhe
  • 2013年06月07日 15:56
  • 5911

js 获取浏览器高度和宽度值(兼容多浏览器)

IE中:  document.body.clientWidth ==> BODY对象宽度  document.body.clientHeight ==> BODY对象高度  document.d...
  • playboyanta123
  • playboyanta123
  • 2013年09月26日 17:15
  • 3997

js获取浏览器页面区域的宽度和高度

js获取浏览器页面区域的宽度和高度
  • bingle14
  • bingle14
  • 2016年11月28日 15:29
  • 352

js/jq获取浏览器宽高

Javascript:alert(document.body.clientWidth); //网页可见区域宽(body)alert(document.body.clientHeight)...
  • hejunpochen
  • hejunpochen
  • 2016年05月11日 16:18
  • 2061

js 各种高宽问题,浏览器高宽问题

js 获取文档以及浏览器高宽
  • okyoung188
  • okyoung188
  • 2017年03月08日 23:30
  • 161

获取设备及浏览器等的高度和宽度

/*获取设备及浏览器的等的高度和宽度 */ var height1=window.screen.height; var width1=window.screen.wi...
  • nikita1995
  • nikita1995
  • 2016年07月29日 12:03
  • 2724

js获取浏览器可视区域的宽度

在没有声明DOCTYPE的IE中,浏览器显示窗口大小只能以下获取: document.body.offsetWidth document.body.offsetHeight 在声明了DOCTY...
  • sunlizhen
  • sunlizhen
  • 2017年08月15日 18:52
  • 378

js、jQuery获取页面中的各种宽度和高度

在JavaScript和jQuery中,对获取各种高度和宽度都有定义方法和属性,下面我们主要来说明一下获取窗口和文档的高度(宽度与高度相同)。jQuery中的方法 $(document).hei...
  • u014346301
  • u014346301
  • 2016年08月25日 14:56
  • 1034

js获取浏览器body或窗宽度高度

很多时候我们需要用到js获取窗口的宽度或者高度,每个浏览器会有不同的方法,总结了一下如下: var s = " "; document.documentElement.scrol...
  • jinzhuming0308
  • jinzhuming0308
  • 2016年04月02日 12:22
  • 5155
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js获取浏览器高度与宽度和各种
举报原因:
原因补充:

(最多只允许输入30个字)