最新的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>";