자동으로 넘어간 페이지에서 한번의 back으로 돌아오기go to link


어떤 페이지나 이미지를 처음에 보여주고 일정한 시간이 지난후 다른 페이지로 이동을 해야하는 경우가 있습니다.

처음 이미지나 페이지를 보여주고 다음 페이지로 이동을 하므로 마지막 페이지에서 첫번째의 페이지로 이동을 하기 위해서는 back 단추를 2번 눌러야 첫번째의 페이지로 돌아올 수 있습니다. 여기서 임시로 보여주는 페이지나 이미지가 있는 페이지의 history를 다음에 올 페이지의 history로 바꾸어주면 마지막 페이지에서 한번의 back으로 첫번째의 페이지로 돌아올 수 있습니다.

이것을 하는것이 location.replace("URL")입니다. 현재 페이지의 history에 "URL"에 지정한 페이지를 가지고 오는 JavaScript1.1에서 지원하는 함수입니다. nn3, ie3.02 이상의 브라우저는 사용할 수 있습니다. 

처음 A.htm에서..
<a href="B.htm">Go B</a>

B.htm에서..

function goNext() {
	self.location.replace("C.htm")
}

<img src="image.jpg" onLoad="setTimeout('goNext()', 2000)">
B.htm에서 이미지가 다 출력이 되고 2초 후에 C.htm을 B.htm 페이지의 history에 가지고 옵니다. 그러므로, history 구조는 A.htm -> C.htm이 됩니다. 이제 C.htm에서 back 단추를 한번만 누르면 A.htm 페이지가 나옵니다. replace()로 B.htm페이지를 C.htm으로 바꾸어서 그렇습니다. replace()를 사용하면 여러층의 연결된 문서들의 구조에서 중간 문서들을 생략하여 이동할 수 있습니다.

TOP           Go to Link            TOP