반응형
[JavaScript] 자바스크립트로 브라우저 크기 변경 및 사이즈 확인 하는 방법 !!
창크기 변경 되는 시점이나 width, height 알고 싶을때 사용하시면 됩니다 :)
예제코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Test</h1>
<div>사이즈는</div>
<div id="width"></div>
<div id="height"></div>
</body>
</html>
<script>
window.onresize = function () {
const width = window.innerWidth;
const height = window.innerHeight;
document.getElementById("width").innerHTML = width;
document.getElementById("height").innerHTML = height;
console.log(width);
console.log(height);
}
</script>
728x90
반응형
'Coding > JavaScript' 카테고리의 다른 글
| [JavaScript] 자바스크립트 정규식으로 사진 확장자 제거 하는 방법 !! (0) | 2023.04.23 |
|---|---|
| [javascript & ChatGPT] 자바스크립트로 chatGPT API 호출하는 방법 !! (0) | 2023.04.20 |
| [JavaScript] 자바스크립트로 가위 바위 보 게임 만들기 !! (0) | 2023.04.16 |
| [JavaScript] 자바스크립트로 라이브러리 없이 TTS(Text-To-Speech) 기능 사용하는 방법 !! (0) | 2023.04.15 |
| [JavaScript] 자바스크립트로 div 태그안에 있는 내용 삭제 하는 방법 !! (0) | 2023.04.05 |
댓글