如何查看当前窗口的宽高

Posted 2021-03-11 yuanqisheng

一、用Jquery查看的代码：

　　1、alert($(window).width());alert($(window).height());//浏览器当前窗口可视区域宽度、高度。

　　2、或alert($(window).innerWidth());alert($(window).innerHeight());//浏览器当前窗口可视区域宽度、高度。

　　3、或者

1 var wh = function(){
2         var w = document.body.clientWidth;
3         alert("宽："+w)
4     }
5         wh();

　　//浏览器当前窗口可视区域宽度、高度。

　　4、或者

1  alert($(window).innerHeight());
2     var wh = function(){
3         var w = document.documentElement.clientWidth;
4         alert("宽："+w)
5     }
6         wh();

　　//浏览器当前窗口可视区域宽度、高度。

5、alert($(document).width());alert($(document).height());//浏览器当前窗口文档对象宽度、高度

6、alert($(document.body).width());alert($(document.body).height());//浏览器当前窗口文档body的宽度、高度

7、alert($(document.body).outerWidth(true));alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的宽度、总高度 包括border padding margin