태그에서 타겟(target) 사용법 > html

프레임을 쓰실때 생각할 것 세가지

1. frame_name.location = 'url.html';
또는 frame_name.location.href = 'url.html';
또는 frame_name.location.replace('url.html')

2. parent.frame_name.location = 'url.html';

3. opener.parent.frame_name.location = 'url.html';

새창을 열게해준 창의 주소를 바꾸고 새창을 끈다.
<script type="text/javascript">
<!--
opener.location.href = 'url.html';
self.close();
//-->
</script>

새창을 열게해준 창의 주소를 새로고침하고 새창을 끈다
<script type="text/javascript">
<!--
opener.location.reload();
self.close();
//-->
</script>

다른 프레임의 주소를 바꾸게 하려면
<script type="text/javascript">
<!--
frame_name.location.href = 'url.html';
//-->
</script>

프레임 구조상 상위 프레임의 주소를 바꾸게 하려면
<script type="text/javascript">
<!--
parent.location.href = 'url.html';
//-->
</script>

타겟이 지정된 프레임을 바꾼다.(타겟하나)
<script type="text/javascript">
<!--
parent.target(타겟).location.href = 'url.html';
//-->
</script>

타겟이 지정된 프레임을 바꾼다.(타겟둘)
<script type="text/javascript">
<!--
parent.target1(타겟1).location.href = 'url1.html';
parent.target2(타겟2).location.href = 'url2.html';
//-->
</script>

타겟이 지정된 프레임을 바꾼다.(타겟셋)
<script type="text/javascript">
<!--
parent.target1(타겟1).location.href = 'url1.html';
parent.target2(타겟2).location.href = 'url2.html';
parent.target3(타겟3).location.href = 'url3.html';
//-->
</script>

타겟이 지정된 프레임두개를 클릭으로 바꾸려면
<script type="text/javascript">
<!--
function target_frame(url1, url2)
{
parent.top_frame.location.href = url1;
parent.main_frame.location.href = url2;
}
//-->
</script>

<a href="javascript:target_frame('main_menu.html', 'cginjs.html');"> 확인 </a>

로그인페이지 에선
<script type="text/javascript">
<!--
parent.top_frame.location.href = '../main.html'; //main.html는 로그인페이지 보다 상위디렉토리에 있다.
parent.main_frame.location.href = 'cginjs.html';
//-->
</script>

로그인페이지를 새창으로 띄웠다면
<script type="text/javascript">
<!--
opener.parent.top_frame.location.href = '../main.html';
opener.parent.main_frame.location.href = 'cginjs.html';
self.close();
//-->
</script>