JavaScript HTML DOM Window outerWidth 和 outerHeight 属性

• 

  Window outerWidth 和 outerHeight 属性

  outerWidth属性返回浏览器窗口的外部宽度，包括所有界面元素（如工具栏/滚动条）。outerHeight属性返回浏览器窗口的外部高度，包括所有界面元素（如工具栏/滚动条）。这些属性是只读的。

  提示：使用innerWidth和innerHeight属性获取窗口内容区域（没有工具栏的窗口/框架）的宽度/高度。

  获取浏览器窗口的高度和宽度：

  var w = window.outerWidth;
  var h = window.outerHeight;

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  outerWidth and outerHeight	9.0+	1.0+	1.0+	3.0+	9.0+

• 

  语法

  返回outerWidth and outerHeight属性：

  window.outerWidth

  window.outerHeight
• 

  技术细节

  项目	描述
  返回值：	一个数字，表示浏览器窗口的宽度和/或高度，包括所有界面元素，以像素为单位

• 

  更多例子

  在一个示例中演示了innerWidth，innerHeight，outerWidth和outerHeight：

  window.outerWidth and outerHeight = "myWindowouterWidth and outerHeight";
  

  尝试一下