码迷,mamicode.com
首页 > 其他好文 > 详细

如何查看当前窗口的宽高

时间:2020-02-09 18:20:40      阅读:119      评论:0      收藏:0      [点我收藏+]

标签:pre   fun   func   col   client   doc   idt   高度   order   

一、用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

  

如何查看当前窗口的宽高

标签:pre   fun   func   col   client   doc   idt   高度   order   

原文地址:https://www.cnblogs.com/yuanqisheng/p/12287758.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!