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>
'JS > JS 공부' 카테고리의 다른 글
[JS] setTimeout 정해진 시간후 함수 실행 (0) | 2023.04.21 |
---|---|
[JS] popup 팝업창 (0) | 2023.04.20 |
[JS] 비표준 속성 non_standard (0) | 2023.04.20 |
[JS] 비동기통신 ( async await ,promise Chain ) (0) | 2023.04.20 |
[JS] 함수와 파라미터 (arguments) (0) | 2023.04.19 |