浏览器兼容方案-慕课网

浏览器兼容方案

来源：9-18 浏览器窗口可视区域大小

kevine099

2016-04-29 19:39

为什么在不同浏览器都实用的javascript方案不是这样呢？var w= document.documentElement.clientWidth || window.innerWidth;

明明window.innerWidth是ie9+/chrome等等，document.documentElement.clientWidth适用于ie8-。为什么解决方案不是这两个的结合呢？document.body.clientWidth由于body的margin，padding属性，根本不可能和document.documentElement.clientWidth 一样大嘛，而且按照老师的写法，这两个都是ie8版本以下的写法嘛？这两个的结合怎么能算是解决方案？

写回答关注

3回答

sz_yeefun: 2016-09-07 17:15:25

http://www.w3schools.com/js/js_window.asp
照上面網址裡的說法，要兼容不同瀏覽器，要用：

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

慕課網少了 window.innerWidth 和 window.innerHeight

0 0

慕工程2957023

2016-08-27 22:21:42

同问，和题主一样的想法

0 0
命里有玄机

2016-04-29 20:45:22

可以使用jQuery解决,而且在以后的工作中,基本很难接触不到jQuery

0 0

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题

浏览器兼容问题？

回答 2

浏览器兼容方案中的 “||” 符号是什么意思？

回答 6

回答 2

回答 1

回答 4