이 페이지의 크기를 나타내는 것이 nn4의 window.innerWidth, window.innerHeight 입니다. 이것은 현재 사용자 브라우저의 본문 내용의 보이는 부분의 크기입니다. window.outerWidth, window.outerHeight 는 브라우저의 메뉴를 포함하는 전체 브라우저 크기입니다. 이것은 별로 쓸데가 없고 수치도 정확하지 않습니다. 저도 아직까지 한번도 사용안한 property입니다.

window.innerWidth, window.innerHeight는 페이지가 한 페이지가 넘어서 이동막대가 생기면 막대의 크기인 16px도 포함하는 크기입니다.

ie4에서는 본문 화면의 크기는 document.body.clientWidth, document.body.clientHeight입니다. 이것은 한 페이지가 넘는 페이지에서 생기는 이동막대의 크기인 16px를 포함하지 않습니다. 막대를 뺀 본문 내용의 크기입니다.

페이지의 크기를 계산할 때 nn4에서 주의해야할 점이 한가지 있습니다. ie4에서 전체 페이지나 프레임 페이지나 document.body.clientWidth, document.body.clientHeight는 이동막대의 크기를 뺀 페이지의 보이는 부분의 크기입니다. nn4에서는 이동막대의 크기를 포함하지 않는 ie4와는 다르게 이동막대의 크기도 포함을 합니다. 단지 이동막대의 크기를 포함하고 안하고의 차이가 있지만 페이지의 크기를 나타내는 것은 같습니다. 하지만, nn4에서는 전체 페이지와 프레임 페이지에서 페이지의 크기를 나타내는 window.innerwidth, window.innerHeight가 전체 페이지에서와 프레임 페이지에서 크기가 조금 차이가 납니다. 이 차이를 감안을 해야합니다.

레이어 페이지 끝에 위치 시키기 를 참고하세요.

즉, window.innerWidth, window.innerHeight의 크기가 전체 프레임 페이지에서는 정확히 크기를 나타내지만 프레임 페이지에서는 frameset border=0에서 가로 4px, 세로 4px의 크기가 실제 페이지보다 적습니다. 나머지 다른 frame border의 크기나 frame border를 지정하지 않은 기본 frame border에서는 가로 2px, 세로 2px 작습니다. 그래서 nn4의 frame border=0을 설정한 프레임 페이지의 보이는 넓이 즉, 실제 넓이는

window.innerWidth + 4

실행하기 1

실행하기 2

function pageSize(leftOrTop) { 
	
  if(n4) {
    var leftBar=topBar=0;
    var returnValue = null;
		
    if(self != parent) { 
      leftBar = 4; 
      topBar = 4; 

      if(document.width > window.innerWidth+4) topBar += -16; 
      if(document.height > window.innerHeight+4) leftBar += -16;
    }
    else { 
      if(document.width > window.innerWidth) topBar += -16;
      if(document.height > window.innerHeight) leftBar += -16;
    }
		
    if(leftOrTop == "LS") returnValue = window.innerWidth + leftBar
    if(leftOrTop == "TS") returnValue = window.innerHeight + topBar
  }
  else if(e4) { 
    if(leftOrTop == "LS") returnValue = document.body.clientWidth
    if(leftOrTop == "TS") returnValue = document.body.clientHeight
  }
	
  return returnValue
}

실행하기 3

이런 레이어의 property가 ie4와 nn4에서 페이지에 출력할 때는 비슷하게 출력하지만 레이어의 크기를 읽으면 서로 다른 값을 가집니다.

실행하기

실행하기