모든 browsers_javascript 기술과 호환되는 창 크기, js 코드를 가져옵니다.

창 크기를 가져오는 코드:

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

var pageWidth = window.innerWidth ,
var pageHeight = window.innerHeight;
if(typeof pageWidth != "number"){
if(document.compatMode == "number"){
pageWidth = document .documentElement.clientWidth ;
pageHeight = document.documentElement.clientHeight;
}else{
pageWidth = document.body.clientWidth;
pageHeight = document.body.clientHeight; >}


먼저 window.innerWidth 및 window.innerHeight 값을 각각 pageWidth 및 pageHeight에 지불합니다. 그런 다음 pageWidth에 저장된 값이 값인지 확인하고, 그렇지 않은 경우 document.compatMode를 사용하여 페이지가 표준 모드인지 확인합니다. 그렇다면 document.documentElement.clientWidth와 document.documentElement.clientHeight의 값이 각각 사용됩니다. 그렇지 않으면 document.body.clientWidth 및 document.body.clientHeight 값이 사용됩니다.

창 위치를 가져오는 코드:

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

var leftPos = (typeof window.screenLeft == "number") ? window.screenLeft : window.screenX;

var topPos = (typeof window.screenTop == "number") ?


이 두 예제의 목적은 창의 왼쪽과 위쪽 위치를 가져오는 것입니다. 먼저 이항 연산자를 사용하여 screenLeft 속성과 screenTops 속성이 존재하는지 확인합니다( IE, Safari, Opera 및 Chrome)에서 이 두 속성의 값을 가져옵니다. 존재하지 않는 경우(Firefox에서) screenX 및 screenY 값을 사용합니다.