JavaScript の innerWidth プロパティはウィンドウ コンテンツ領域の幅を返し、innerHeight プロパティは高さを返します。
構文:
window.innerWidth window.innerHeight
パラメータ: パラメータは必要ありません。
戻り値: ウィンドウのコンテンツ領域の幅と高さを示す数値を返します。
注: IE 8 (Internet Edge 8) 以前の場合は、clientWidth と clientHeight を使用してウィンドウの幅と高さを取得します。
例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>浏览器内部的宽度和高度</title>
<style>
body{
text-align:center;
}
.gfg {
font-size:40px;
font-weight:bold;
color:green;
}
</style>
</head>
<body>
<div class = "gfg">PHP中文网</div>
<h2>浏览器窗口</h2>
<p id="demo"></p>
<script>
var Width, Height, result;
// 浏览器窗口的高度和宽度
Width = window.innerWidth || document.documentElement.clientWidth
|| document.body.clientWidth;
Height = window.innerHeight || document.documentElement.clientHeight
|| document.body.clientHeight;
// 显示宽度和高度。
result = document.getElementById("demo");
result.innerHTML = "浏览器内部宽度: " + Width +
"<br>浏览器内部高度: " + Height;
</script>
</body>
</html>出力:
javascript チュートリアル」
この記事は、JavaScript の Window innerWidth プロパティと innerHeight プロパティの紹介です。困っている友人の役に立てば幸いです。以上がJavaScript の innerWidth プロパティと innerHeight プロパティの詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
