                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

浏览器兼容方案

为什么在不同浏览器都实用的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版本以下的写法嘛？这两个的结合怎么能算是解决方案？

kevine099

2016-04-29

源自：JavaScript进阶篇 9-18

关注问题我要回答

933

操作

收起

3 回答

sz_yeefun
2016-09-07

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 回复有任何疑惑可以回复我~

收起回答

慕工程2957023
2016-08-27

同问，和题主一样的想法

0 回复有任何疑惑可以回复我~

收起回答

命里有玄机
2016-04-29

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

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

JavaScript进阶篇

参与学习 468189 人
解答问题 21891 个

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

进入课程

本课相似问答

2 回答浏览器兼容问题？

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

2 回答浏览器兼容空白符问题。

1 回答像搜狗浏览器、360浏览器用什么方案？

4 回答话说……真的是浏览器兼容问题？？？

搜索更多本课相关问答

浏览器兼容方案

我要回答关注问题

热搜

最近搜索清空

浏览器兼容方案

3 回答

本课相似问答

浏览器兼容方案