두 곳의 페이지에서 링크되어 있는 페이지에서 원래 페이지로 돌아가기

어떤 예제 페이지가 있는데, form과 window에 두 곳에서 연관이 있어서 두 곳 모두에서 예제 페이지를 링크로 연결해야 할 필요가 있습니다. form과 window 모두로 가는 두개의 링크를 따로 만들면 되지만 처음으로 왔던가 잘 모르면 엉뚱한 링크를 누르기 쉽습니다. 그래서 링크를 하나로 해서 원래의 페이지로 돌아가는 방법이 가장 좋은 방법입니다. history.go(-1)을 사용하면 특정 URL을 지정하지 않고도 앞의 페이지로 돌아갈 수 있습니다.

하지만, 사용자가 페이지를 reload 했다거나 폼을 사용하여 SUBMIT한 경우는 history를 늘리기 때문에 또는 ie의 경우 history.go(-1) target="_parent" 로 했을 때 다른 프레임의 history도 포함하기 때문에 그 만큼 링크를 누르거나 back 단추를 눌러야 원래의 페이지로 돌아갈 수 있습니다. 사용자가 불편함을 느낄겁니다.

이 때, 이 모든 상황에서 한번의 링크로 원래의 페이지로 돌아가는 방법입니다. 방법은 COOKIE를 사용하거나 프레임의 외부변수로 사용할 수 있는데 여기에서는 프레임으로 하는 방법을 설명합니다.

시작 페이지에서..

<head>
<script language="JavaScript>
	returnBack=null;
</script>
</head>
<frameset cols="20%", *>
	<frame src="left.htm" name=left>
	<frame src="right.htm" name=right>
</frameset>

위의 방법처럼 프레임을 만들고 돌아갈 URL로 사용할 외부변수로 returnBack을 선언합니다.

위의 left.htm이나 right.htm 아무곳에서나 form.htm과 window.htm이 있다고 가정합니다. 이 두 화일에는 모두 example.htm을 연결하는 링크를 가지고 있습니다. example.htm에서 BACK 링크를 아래같이 만듭니다.

<a href="#" onClick="self.location.href=parent.returnBack; return false">BACK</a>

그리고 form.htm과 window.htm에서 example.htm을 연결할 때 돌아올 자신의 주소를 프레임의 오부변수 returnBack에 저장해 줍니다. 그리고 form.htm과 window.htm에서 self.location.href에 외부변수의 값을 지정하면 원래의 화면으로 돌아올 수 있습니다. form.htm과 window.htm에서 지정은 아래로 합니다.

form.htm에서..

<a href="example.htm">form 예제</a>
<script>parent.returnBack = "http://www.loveyou.com/form.htm"</script>

window.htm에서..

<a href="example.htm">window 예제</a>
<script>parent.returnBack = "http://www.loveyou.com/window.htm"</script>

이 방법은 화일의 경로가 바뀔때마다 3개의 화일 form.htm, window.htm, example.htm을 모두 수정을 하여야합니다. 그리고 returnBack을 선언한 프레임 전체를 reload하면 다시 null로 지정이 되어서 이동하지 못합니다. 그래서 history.go(-1)이라도 사용할 수 있게 example.htm화일을 넣어 줍니다. 프레임 전체가 재출력(reload)되어서 returnBack이 다시 null로 됩니다. 그래서 링크를 누르면 url이 없다는 에러가 나오고 링크로는 이동할 수 없습니다.

이 방법외에도 search나 document.referrer를 사용하는 것도 비슷합니다. 전체 페이지를 재출력 하거나 search를 이용할 때는 폼이 SUBMIT을 하면 다시 없어지므로 링크로는 이동을 할 수 없고 브라우저의 back 단추로 이동할 수 밖에 없습니다. 재출력 문제가 있기 때문에 COOKIE를 사용하면 이들 문제를 모두 해결할 수 있습니다. cookie도 꺼놓은 사용자에게는 무용지물입니다. 가장 좋은 방법은 두 개의 페이지를 따로 만드는 것입니다.

용량과 두 페이지를 가지고 와야 하지만 가장 확실한 방법입니다.