윈도우 코드의 크기와 위치를 얻기 위한 자바스크립트 구현 공유_javascript 기술

Javascript에서는 OuterWidth 및 OuterHeight를 사용하여 브라우저 크기를 얻을 수 있습니다. innerWidth 및 innerHeight를 사용하여 창 크기(브라우저 테두리 제외)를 얻을 수 있습니다. IE6 이하 버전에서는 표준 모드와 혼합 모드를 구분해야 합니다. 표준 모드는 document.documentElement.clientWidth, document.documentElement.clientHeight를 사용하고, 혼합 모드는 document.body의 clientWidth, clientHeight를 사용합니다.

코드 복사 코드는 다음과 같습니다.

(함수 () {
        var pageWidth = window.innerWidth;
        var pageHeight = window.innerHeight;
        var broswerWidth = window.outerWidth;
        var broswerHeight = window.outerHeight;
Alert(pageWidth " " pageHeight);
Alert(broswerWidth " " broswerHeight);
If (typeof pageWidth != "number") {
If (document.compatMode == "CSS1Compat") { //표준 모드
pageWidth = document.documentElement.clientWidth;
                      pageHeight = document.documentElement.clientHeight;
                } else {
                    pageWidth = document.body.clientWidth;
                    pageHeight = document.body.clientHeight;
            }
~ })();

창 위치 가져오기: IE, chrome, Safari, screenLeft, screenTop을 사용하여 화면 왼쪽과 화면 상단에서 창 위치를 가져옵니다. Firefox는 이 속성을 지원하지 않습니다. Firefox는 동일한 효과를 얻기 위해 screenXP 및 screenY를 사용합니다.

코드 복사 코드는 다음과 같습니다.

(함수 btnFun() {
        var leftPos = (typeof window.screenLeft == "number") ? window.screenLeft :
              window.screenX;
        var topPos = (typeof window.screenTop == "number") ? window.screenTop :
                           window.screenY;
Alert(leftPos " " topPos);
​​​​ //alert(window.screenLeft " " window.screenTop);
})();