如何获取视窗宽高 js方法 && jq方法

                var winWidth,winHeight;
                if (window.innerWidth){
                    winWidth = window.innerWidth;
                }
                else if ((document.body) && (document.body.clientWidth))
                {
                    winWidth = document.body.clientWidth;
                }
                // 获取窗口高度
                if (window.innerHeight){
                    winHeight = window.innerHeight;
                }
                
                else if ((document.body) && (document.body.clientHeight))
                {
                    winHeight = document.body.clientHeight;
                }
                // 通过深入 Document 内部对 body 进行检测，获取窗口大小
                if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
                {
                    winHeight = document.documentElement.clientHeight;
                    winWidth = document.documentElement.clientWidth;
                }
                console.log(winWidth,winHeight);
                console.log($("#modal"))

                ==============================================================================================================================

 

$(window).height()     获取的是当前可视窗口的高度，也就是用户能看到的窗口的高度，是不变的（在窗口大小不变的前提下）
$(document).height()  获取的是窗口内文档的高度,这个高度随着文档内容的高度改变而改变

当窗口滚动条滚到最低端时，$(document).height() == $(window).height() + $(window).scrollTop()。
当窗口内文档高度不足浏览器窗口高度时，$(document).height()返回的是$(window).height()。

$("body").height()   如果body没有border、margin的话，$("body").height()==$(document).height(),但是还是不建议使用这种方式去获取文档内容高度

PS:如果你发现$(window).height()值有问题，返回的不是浏览器窗口的高度，那么看看是不是网页没有加上<!DOCTYPE>声明。
如果没加的话网页会进入怪异模式，你懂的！

转载于:https://my.oschina.net/u/3499937/blog/1031497