function resizeFunction() { 
	parent.pageRePrint += " resize "
}
function moveFunction() {
	parent.pageRePrint += " move " 	
}
window.onresize = resizeFunction
window.onmove = moveFunction

브라우저의 크기를 변경하고 alert(parent.pageRePrint)로 읽으면 " move move resize resize " 로 나옵니다. body onLoad= 로 body 택에 load 이벤트를 지정했더라도 이때는 load 이벤트는 나오지 않았습니다. load 이벤트는 페이지를 처음 출력할 때, reload 단추나 location.reload()로 재출력할 때에만 호출되고 브라우저의 크기를 변경했을 때는 호출되지 않았습니다. body onLoad="parent.pageRePrint += ' load '"로 body 택에도 load 이벤트를 같이 지정하고 브라우저의 크기를 바꾸면 " load move move resize resize " 로 나옵니다. body onload는 페이지를 처음 부를때만 호출되어서 한번만 나옵니다.

그래서, 브라우저의 크기가 변경 되었을 때 사용할 수 있는 이벤트는 move, resize 두 개입니다. 이들 두 개의 이벤트는 사용자나 JavaScript로 창을 이동하면 move 이벤트가 일어나고 창의 크기를 바꾸면 resize 이벤트가 일어납니다. 창의 크기를 바꾸었을 때는 move가 일어나고 resize가 둘 다 일어납니다.

그러므로 브라우저 창의 크기를 바꾸면 사용할 수 있는 이벤트가 move, resize 둘중 하나를 사용할 수 있습니다. 이때, 두 이벤트가 조금 차이가 있습니다. 먼저 resize 이벤트입니다.

function pageRePrint() {
	self.location.reload();
}
window.onresize = pageRePrint

window.onresize = res
function res() {
	if( !parent.pageRePrint ) {
		setTimeout('self.location.reload()', 2000) 
		parent.pageRePrint = true
	}
	else pageRePrint = false
}

위의 코드는 프레임으로 구성한 페이지에서 사용할 수 있습니다. 그리고 페이지를 맨 처음 출력할 때, 한번 페이지를 재출력합니다. 프레임으로 구성하지 않은 페이지에서는 move 이벤트를 사용할 수 있습니다. move 이벤트는 resize 이벤트에 비하면 약간 안정된 동작을 보입니다. resize처럼 맨 처음의 재출력도 없습니다.

window.onmove = new Function("setTimeout('self.location.reload()', 2000)");

또 한가지 주의해야 할 점이 있습니다. 일반 이미지같이 한번 출력이 되면 cache에서 가져오는 것은 상관이 없지만, 매번 서버에 접속하여 어떤 작업을 하는 카운터나 접속 통계같은 cgi입니다. 이 CGI를 처리하는 서버의 처리속도가 onresize, onmove 함수의 setTimeout()에 지정한 시간보다 느리다면 페이지를 재출력하지 않습니다. setTimeout()는 사용자 브라우저의 시간을 사용하기 때문입니다. 그래서 이런 CGI를 처리하는 느린 서버가 있는 페이지는 이 페이지의 방법이 소용이 없습니다.


이 페이지는 nn4에서의 브라우저 창을 변경했을 때 일어나는 버그를 해결하는 방법을 설명하였는데, 이들 방법이 아무리 안전할지라도, 가장 안전한 방법은 사용자에게 reload 단추를 눌러달라고 알리는 방법이라고 생각이 드는군요.

 window.onresize = new Function("alert('reload 단추를 한번 눌러주세요')")