常用的几个js属性window.outerWidth/outerHeightwindow.innerWidth/innerHeightscreen.availWidth/availHeightdocument.documentElement.clientWidth

菜单边框工具等占位元素后,用于显示网页的纯净高度console.log(window.innerWidth+""+window.innerHeight);//1536723console.log(window.outerWidth

包括：innerWidth属性和innerHeight属性pageXOffset属性和pageYOffset属性screenX属性和screenY属性outerWidth属性和outerHeight属性

$("div").width()//盒子宽度$("div").innerWidth();//盒宽+内边距$("div").outerWidth()//盒宽+内边距+边框$("div").outerWidth

元素的尺寸width()height()innerWidth()innerHeight()outerWidth()outerHeight()参数的作用(设置宽高)与原生JS的区别$('#div1').width

元素的尺寸width()height()innerWidth()innerHeight()outerWidth()outerHeight()参数的作用(设置宽高)与原生JS的区别$('#div1').width

元素的尺寸width()height()innerWidth()innerHeight()outerWidth()outerHeight()参数的作用(设置宽高)与原生JS的区别$('#div1').width

简单来说:width()指的是content的宽度innerWidth()指的是content+padding的宽度outerWidth()指的是content+padding+border的宽度outerWidth

2、width()innerWidth()outerWidth()

js中clientWidth,scrollWidth,innerWidth,outerWidth,offsetWidth的属性汇总，测试浏览器：ie7~ie11、chrome和firefox等。

返回浏览器窗口左上角与屏幕左上角的水平距离和垂直距离(单位像素);第二组:window.innerHeight和window.innerWidth,只读,返回视口的宽高.第三组:window.outerHeight和window.outerWidth

window.innerWidth,ih=window.innerHeight;console.log(iw,ih);//获取视觉视口大小（内容区域大小，包括侧边栏、窗口镶边和调整窗口大小的边框）letow=window.outerWidth

关于高宽有以下概念：(仅用宽度说明）window.screen.width物理屏幕宽度window.outerWidth浏览器作为一个软件占的宽度,注意，即使将浏览器一部分放在屏幕外，值还是一样的window.innerWidth

与此相对应的是，获取元素宽度的函数也有3个，它们分别是width()、innerWidth()、outerWidth()。

可以与outerWidth()方法结合学习。语法结构:复制代码代码如下

超出提示Tip，统一处理部分显示效果：代码$(".layui-tabletd>div").on({mouseover:function(){if(this.offsetWidthelemCell.outerWidth

="fixed"){$("#cont1").css("position","absolute");vardw=$(window).width();varow=$("#cont1").outerWidth

还有一个outerWidth和outerHeight属性，可以获取浏览器窗口的整个宽高。补充：网页可见区域宽：document.body.clientWid

下面我们来通过jQuery实例代码演示outerWidth()函数，outerWidth()函数用于设置或返回当前匹配元素的外宽度。

本文实例讲述了jQuery中outerWidth()方法用法。分享给大家供大家参考。具体分析如下：此方法获取第一个匹配元素外部宽度。

在Javascript中可以使用OuterWidth，OuterHeight获取浏览器的大小.用innerWidth,innerHeight来获取窗口的大小（除去浏览器边框部分）。

下面一个代码片段是easyUI页面加载等待，代码如下所示：functionajaxLoading(){varid="#textboxDiv";varleft=($(window).outerWidth(

内容区域的宽高（不包括收藏夹，导航栏等）window.innerHeight;window.innerWidth;//包含收藏夹、导航栏、边框等元素的视窗宽高window.outerHeight;window.outerWidth

属性根据不同的兼容性也分为五种window.innerWidth//除去菜单栏的窗口宽度，与浏览器相关window.innerHeight//除去菜单栏的窗口高度，与浏览器相关window.outerWidth

outerWidth()方法返回元素的宽度（包括内边距和边框）。outerHeight()方法返回元素的高度（包括内边距和边框）。返回文档（HTML文档）$(do

zhidao.baidu.com/question/535778314.html在jQuery中，width()方法用于获得元素宽度；innerWidth()方法用于获得包括内边界（padding）的元素宽度，outerWidth

window.innerHeight:窗口的高度，页面浏览器高度，包括滚动条高度innnerWidth:同上outerHeight:window.outerHeight:整个窗口的整体高度，包括到地址栏那些outerWidth

菌订阅视口页面或窗口的位置和宽高获取视口宽高下面方法是包括滚动条的宽高，不支持IE8window.innerWidthwindow.innerHeightwidth+padding+border+滚动条另外outerWidth

jQuery获取或设置元素的宽度和高度：可使用以下3种方法：1，jQuerywidth()和height()方法；2，innerWidth()和innerHeight()方法；3，outerWidth(

------------------height()-设置或返回元素的高度innerWidth()-返回元素的宽度（包含padding）innerHeight()-返回元素的高度（包含padding）outerWidth

第一章、元素的尺寸jQuery提供多个处理尺寸的重要方法：width()、height()innerWidth()、innerHeight()outerWidth()、outerHeight()看例子超好理解

vara=window.innerHeightvarb=window.innerWidth//可视的窗口varc=window.outerHeightvard=window.outerWidth//整个页面

还有对应的outerWidth和outerHeight用于获取浏览器窗口的整宽高。navigator对象，常用的navigator属性有，navi

window.innerWidth=width+padding+border+纵向滚动条宽度window.innerHeight=height+padding+border+横向滚动条高度window.outerWidth

在jQuery中，width()方法用于获得元素宽度；innerWidth()方法用于获得包括内边界（padding）的元素宽度，outerWidth()方法用于获得包括内边界(padding)和边框(

先上图吧来上代码1console.log(window.outerWidth+'--'+window.outerHeight);//只读的整数，声明了整个窗口的XY2//IE不支持此属性，且没有提供替代的属性

基本介绍$(window).width()与$(window).height()$(window).width()与$(window).height()：获得的是屏幕可视区域的宽高，不包括滚动条与工具条。$(window).width()=width+padding$(window).height()=height+paddingdocument.documentElement.clientWid

:contentpaddingbordermarginjascript-style.widthouterWidth

outerWidth()方法返回元素的宽度（包括内边距和边框）。outerHeight()方法返回元素的高度（包括内边距和边框）。

眼花缭乱原文地址：→传送门window相关宽高属性1.window.outerHeight(窗口的外层的高度)/window.outerWidth(窗口的外层的宽度)window.outerHeight

//内容宽度$("#id").width()//内容宽度+padding$("#id").innerWidth()//内容宽度+padding+border$("#id").outerWidth()//

以下以获取元素的宽为例：$("div").width();//内容的宽$("div").innerWidth();//内容的宽+左内边距+右内边距$("div").outerWidth();//内容的宽

test.html            #box1{width:200px;height:200px;background-color:pink;padding:20px;margin:30px;box-sizing:border-box;border:1px solid red;}#box2{width:200px;height:200px;background-color:#ececec;p

outerWidth(options)获取第一个匹配元素外部宽度（默认包括补白和边框）。此方法对可见和隐藏元素均有效。

包括：innerWidth属性和innerHeight属性pageXOffset属性和pageYOffset属性screenX属性和screenY属性outerWidth属性和outerHeight属性相关属性组对应的兼容性以及使用见下面

获取宽度$('div').width();获取：区块的本身宽度$('div').outerWidth();获取：区块的宽度+padding宽度+border宽度$('div').outerWidth(true

元素尺寸：1.可视尺寸-clientwidth标准2.占据尺寸--outerwidth(yy)margin和可视尺寸1.适用于没有设定width/height的普通block水平元素float元素，absolute

jQuery尺寸方法jQuery提供多个处理尺寸的重要方法：width()height()innerWidth()innerHeight()outerWidth()outerHeight()jQuery

var pageWidth = window.outerWidth,     pageHeight = window.outerHeight; if (typeof pageWidth!

width）alert($('div').width());//width alert($('div').innerWidth());//width+padding alert($('div').outerWidth