JavaScript의 innerWidth 속성은 너비를 반환하고 innerHeight 속성은 창 콘텐츠 영역의 높이를 반환합니다.
구문:
window.innerWidth window.innerHeight
매개변수: 매개변수가 필요하지 않습니다.
반환 값: 창 콘텐츠 영역의 너비와 높이를 나타내는 숫자를 반환합니다.
NOTE: IE 8(Internet Edg 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 tutorial"
이 문서는 JavaScript의 Window innerWidth 및 innerHeight 속성 소개에 관한 것입니다. 필요해!
위 내용은 JavaScript의 innerWidth 및 innerHeight 속성에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
