最新的Web开发教程

×

JavaScript 参考

JavaScript

JS 字符串 JS 数 JS 运算符 JS 声明 JS 数学 JS 日期 JS 排列 JS 布尔 JS 正则表达式 JS 全局 JS 转变

浏览器 BOM

Window Navigator Screen History Location

HTML DOM

DOM 文件 DOM 元素 DOM 属性 DOM 事件 DOM 样式

HTML 对象

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

其他对象

CSSStyleDeclaration

窗口innerWidth和innerHeight属性

例

获取窗口的高度和宽度： (NOT including toolbars/scrollbars) ：

var w = window.innerWidth;
var h = window.innerHeight;

更多"Try it Yourself"下面的例子。

定义和用法

该innerWidth属性返回一个窗口的内容区域的内部宽度。

该innerHeight属性返回一个窗口的内容区域的内部高度。

这些属性是只读的。

提示：使用outerWidth和outerHeight属性来获取与工具栏/滚动条的宽度/高度。

浏览器支持

在表中的数字规定，完全支持该财产浏览器版本。

属性
innerWidth	1.0	9	1.0	3.0	9
innerHeight	1.0	9	1.0	3.0	9

Note:对于IE8和更早版本，您可以使用clientWidth和clientHeight属性(See "More Examples" below)

句法

window.innerWidth
window.innerHeight

技术细节

返回值：	一个数字，代表内部宽度和/或浏览器窗口的内容区域的内部高度，以像素为单位

更多示例

例

（使用clientWidth和clientHeight为IE8和更早版本）一个跨浏览器的解决方案：

var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

例

innerWidth，innerHeight，outerWidth和outerHeight的一个实例演示：

var txt = "";
txt += "<p>innerWidth: " + window.innerWidth + "</p>";
txt += "<p>innerHeight: " + window.innerHeight + "</p>";
txt += "<p>outerWidth: " + window.outerWidth + "</p>";
txt += "<p>outerHeight: " + window.outerHeight + "</p>";