JavaScript 對(duì)象

JavaScript 參考手冊(cè)

JS DOM參考手冊(cè)

JS Storage 對(duì)象 JavaScript Window 對(duì)象

Window innerHeight 屬性

innerHeight只讀屬性返回包含滾動(dòng)條的窗口內(nèi)容區(qū)域(viewport)的高度。

使用outerHeight屬性獲取整個(gè)瀏覽器窗口的高度。

語(yǔ)法：

window.innerHeight

示例

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

測(cè)試看看?/?

瀏覽器兼容性

表中的數(shù)字指定了完全支持innerHeight屬性的第一個(gè)瀏覽器版本：

屬性
innerHeight	1	1	9	3	9

技術(shù)細(xì)節(jié)

返回值：	一個(gè)數(shù)字，表示瀏覽器窗口內(nèi)容區(qū)域的內(nèi)部高度，以像素為單位。

更多實(shí)例

使用onresize事件顯示高度和寬度：

示例

<body onresize="myFunc()">

<script>
function myFunc() {
   var w = window.innerWidth;
   var h = window.innerHeight;
   document.getElementById("para").innerHTML = "Width: " + w + "<br>Height: " + h;
}
</script>

測(cè)試看看?/?

跨瀏覽器解決方案（對(duì)于IE8和更早版本使用clientWidth和clientHeight）：

示例

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

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

測(cè)試看看?/?

此示例在一個(gè)示例中顯示了innerWidth，innerHeight，outerWidth和externalHeight：

示例

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>";
document.write(txt);

測(cè)試看看?/?

JavaScript 對(duì)象

JavaScript 參考手冊(cè)

JS DOM參考手冊(cè)

Window innerHeight 屬性

語(yǔ)法：

瀏覽器兼容性

技術(shù)細(xì)節(jié)

更多實(shí)例

相關(guān)參考