求教在不同的浏览器中获取浏览器窗口可视区域大小的不同方案

首页课程实战体系课手记专栏慕课教程

求教在不同的浏览器中获取浏览器窗口可视区域大小的不同方案

一、对于IE9+、Chrome、Firefox、Opera 以及 Safari：

• window.innerHeight - 浏览器窗口的内部高度

• window.innerWidth - 浏览器窗口的内部宽度

二、对于 Internet Explorer 8、7、6、5：

• document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。

• document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度。

或者

Document对象的body属性对应HTML文档的<body>标签

• document.body.clientHeight

• document.body.clientWidth

在不同浏览器都实用的 JavaScript 方案：

var w= document.documentElement.clientWidth
      || document.body.clientWidth;
var h= document.documentElement.clientHeight
      || document.body.clientHeight;

var x = document.body.clientWidth;

var y = document.documentElement.clientWidth;

var z = window.innerWidth;

我在谷歌浏览器里面得到的结果如下

354 370 370

看不懂求教究竟使用哪个方案

晨钟Ver

浏览 1428回答 1

1回答

FengCMS

354应该是不包含滚动条的宽度.不知道你的应用场景.一般这种情况,是采用自适应设计,随便它多款,占满.或者,采用最小值,防止出现横向滚动条

0 0

随时随地看视频慕课网APP