태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

target(href) 타겟사용법

13년 전

target(href) 타겟사용법

프레임을 쓰실때 생각할 것 세가지
1. frame_name.location = 'url.php';
또는 frame_name.location.href = 'url.php';
또는 frame_name.location.replace('url.php')
2. parent.frame_name.location = 'url.php';
3. opener.parent.frame_name.location = 'url.php';

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

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

다른 프래임의 주소를 바꾸게 하려면
<script>
frame_name.location.href = 'url.php';
</script>

프래임 구조상 상위 프래임의 주소를 바꾸게 하려면
<script>
parent.location.href = 'url.php';
</script>

타겟이 지정된 프레임을 바꾼다.(타겟하나)
<script>
parent.target(타겟).location.href = 'url.php';
</script>

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

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

타겟이 지정된 프레임두개를 클릭으로 바꾸려면
<script>
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', '$go_url');"> 확인 </a>

로그인페이지 에선
<script>
parent.top_frame.location.href = '../main.html'; //main.html는 로그인페이지 보다 상위디렉토리에 있다.
parent.main_frame.location.href = '$go_url';
</script>

로그인페이지를 새창으로 띄웠다면
<script>
opener.parent.top_frame.location.href = '../main.html';
opener.parent.main_frame.location.href = '$go_url';
self.close();
</script>

이상입니다. by.crabz

-------------------------------------
<script>
top.frames['calendar'].location.reload();
</script>
--------------------------------------------------
<a href="page.htm" target="_top">

top.location.href = 'page.htm';
--------------------------------------------------
<a href="page.htm" target="_self">

self.location.href = 'page.htm';
--------------------------------------------------
<a href="page.htm" target="_parent">

parent.location.href = 'page.htm';
--------------------------------------------------
<a href="page.htm" target="thatframe">

top.frames['thatframe'].location.href = 'page.htm';
--------------------------------------------------
<a href="page.htm" target="thatframe">

self.frames['thatframe'].location.href = 'page.htm';
--------------------------------------------------

추천 목록

번호	제목
84	input 입력 필드 앞뒤 공백 실시간 제거
83	Placeholder 포커스시 감추기
82	[ transition ] 링크 hover 색상 변화 속도 조절
81	CSS Hover 를 이용한 깔끔한 페이징
80	스크롤해도 상단에 고정되는 메뉴 만들기
79	[jQuery] jQuery fadeIn(), fadeOut(), fadeToggle(), fadeTo() 이해하기
78	쇼핑몰 상품테이블 롤링
77	Input 한글/영어 제어하기
76	퀵메뉴
75	div 태그에 스크롤바(Scroll Bar) 붙이기
74	CSS Hack을 사용하여 호환성 문제를 해결
73	자바스크립으로 플래쉬 메뉴처럼...
72	input 박스에 안내문구 나타내기
71	input textarea 포커스시 효과주기
70	문장에서 특정단어에 효과주기마스터
69	x 초후 나타나는 레이어...
68	meta 화면이펙트
67	원클릭으로 세개의 iframe에 링크 호출하기
66	카운트다운 후 특정 페이지로 이동합니다
65	롤오버 버튼 스크립트
64	버튼 클릭시 열리는 레이어 팝업 이동가능한 레이어 만들기
63	좌우측 재생 제어되는 자바스크립트 마퀴(marquee) 소스
62	<blink> 태그 구현
61	롤오버, 자동 이동 레이어
60	이미지 롤링
59	네이버 콤보스타일 메뉴
58	HTML과 자바스크립트에서 스타일시트 속성
57	CDATA 섹션[XML 표준]
56	textfield 크기에 맞게 툴팁(tooltip) 보여주는 레이어
55	웹페이지 이동 방법