본문 바로가기
프로그래밍/JavaScript

javascript 현재페이지 width 값 구하기 ( native script )

by 원피스랜드 2020. 12. 23.
반응형

jquery 사용안하고 native script 로만 width 값 구하기 입니다.

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

x=document.getElementById("demo"); //상단 p 태그 x로 담는다
x.innerHTML="Browser inner window width: " + w + ", height: " + h + "." //x의 innerHTML에 값을 쓴다.
</script>

</body>
</html>

결과값 ex :

 Browser inner window width: 922, height: 770.

반응형

댓글