브라우저 가시 영역의 너비와 높이를 얻기 위한 HTML 구현(순수 코드)

이 글은 브라우저의 가시 영역(순수 코드)의 너비와 높이를 얻는 HTML 구현을 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

/**
     * 获取浏览器可视区域宽度
     */
    function getViewPortOffset() {
        if (window.innerWidth) {
            return {
                w: window.innerWidth,
                h: window.innerHeight
            }
        } else if (document.compatMode = "BackCompat") {
            return {
                w: document.body.clientWidth,
                h: document.body.clientHeigth
            }
        } else {
            return {
                w: document.documentElement.clientWidth,
                h: document.documentElement.clientHeight
            }
        }
    }
    console.log(getViewPortOffset());

추천 관련 기사:

html 브라우저 스크롤 거리 획득 구현(순수 코드)

html 이미지 사전 로드 분석(코드 포함)

위 내용은 브라우저 가시 영역의 너비와 높이를 얻기 위한 HTML 구현(순수 코드)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!