Window innerWidth 屬性

JavaScript Window 對象

innerWidth只讀屬性返回窗口內(nèi)容區(qū)域(視口)的寬度，包括滾動條。

使用outerWidth屬性獲取整個瀏覽器窗口的寬度。

語法：

window.innerWidth
var h = window.innerHeight;
var w = window.innerWidth;
測試看看?/?

瀏覽器兼容性

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

屬性
innerWidth11939

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

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

更多實例

使用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>
測試看看?/?

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

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

var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
測試看看?/?

此示例在一個示例中顯示了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);
測試看看?/?

相關(guān)參考

窗口(Window)參考：window.innerHeight屬性

窗口(Window)參考：window.outerHeight屬性

窗口(Window)參考：window.outerWidth屬性

JavaScript Window 對象

丰满人妻一级特黄a大片，午夜无码免费福利一级，欧美亚洲精品在线，国产婷婷成人久久Av免费高清