BOM
: Browser Object Model = 브라우저 자체를 지칭하는 객체, window객체라고 함
DOM
: Document Onject Model
window.innerHeigth : 툴바를 제외한 높이
window.innerWidth : 스크롤바를 포함한 너비
- 위도우와 브라우저 화면 배율에 따라 달라짐
- 크기를 바꾸고 f5시 높이와 너비가 바껴서 알려줌
<body>
<ul>
<li id="ih">
window.innerHeight :
</li>
<li id="iw">
window.innerWidth :
</li>
</ul>
<script>
let ih = window.innerHeight;
let iw = window.innerWidth;
document.getElementById('ih').innerText += ih;
document.getElementById('iw').innerText += iw;
</script>
</body>
'HTML.CSS.JS > JS' 카테고리의 다른 글
| [JS] 구구단 ( 문제 출력 -> 맞추기 -> 결과 출력 ) (0) | 2023.04.20 |
|---|---|
| [JS] popup 팝업창 (0) | 2023.04.20 |
| [JS] json으로 값을 받아와서 원하는 모양을 나눠 출력 (0) | 2023.04.20 |
| [JS] 데이터를 받아와서 원하는 모양으로 출력 (json) (0) | 2023.04.20 |
| [JS] 비표준 속성 non_standard (0) | 2023.04.20 |