본문으로 바로가기

[HTML] a태그 target 사용법

category 프로그래밍/HTML 2016. 12. 12. 11:45

 

target은 링크를 클릭 할 때 창을 어떻게 열지 결정해준다.

 

_self : 연결 문서를 클릭한 창에서 연다.(기본값)

_blank : 연결 문서를 새 창에서 연다.

_top : 가장 상위 창에서 연다.(즉 프레임을 무시하며, 전체 브라우저 창에서 작동, 부모가 없으면 _self처럼 작동)

frame name : 지정된 프레임 안에 연다.

 

frame name은 부모창에 iframe태그로 영역을 만들어 놓으면 자식창에서 링크된 내용이 부모의 iframe 영역에 나타난다. 

 

부모창

1
2
3
<a href="test.php" target='_blank'>링크</a>
 
<iframe name="ifrm_content" width="100%" height="100%"></iframe>

 

자식창(test.php) test1.php의 내용이 부모창 iframe 영역에 나타난다.

1
<a href="test1.php" target='ifrm_content'>부모창에 내용보여주기</a>

 

 

 

_parent : 부모창에서 연다.

팝업창을 띄운후 팝업창에 링크가 있을경우 부모창에서 링크가 변경되는 용도로 많이 사용하는데

_parent 이게 작동되나?

 

부모창에서 링크작동을 시킬려면 opener.document.location 이용한다.

 

1
2
3
4
5
6
7
function urlLocation(url) {
 
    opener.document.location.href = url;
    
    self.close();
 
}

 

 

 

a태그에 onclick으로 함수를 바로 호출해도 되고

관리자단에서 _parent 체크시 해당 함수를 실행해서 사용하던지 응용해서 사용하면 된다.

 

1
<a href="javascript:void(0);" onclick="urlLocation('http://www.naver.com')">링크</a>