태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

웹페이지 이동 방법

13년 전

보통 방명록의 글쓰기 폼에 글을 쓰고 폼을 전송하면, 다시 방명록의 글 목록으로이동된다.
글쓰기 폼에서 글을 저장하는 파일로 폼이 전송된 후에, 저장이 끝나면 다시 글 목록으로 이동하도록 소스가
작성되어 있다. 이렇게 PHP에서 다른 페이지로 이동하게 하는 방법에는 PHP를 이용하는 방법과 자바 스크립트를
이용하는 방법, HTML을 이용하는 방법 등이 있다.

① header

header라는 함수는 PHP문서의 헤더 정보를 보내는 함수인데, 보통 이 header함수는 다른 페이지로 이동하는데
많이 사용되며, 형식은 아래와 같다.

header("Location:이동할 페이지");

(예제)
<?
header("location: 이동할링크주소");
?>

다만, PHP에서 header을 이용시에는 header는 어떠한 출력문 보다 먼저 나와야 한다.

② location

페이지를 이동하는 두 번째 방법으로 자바 스크립트의 location 오브젝트를 이용하는 방법이 있다.
location은 PHP의 header 함수와는 달리 페이지의 어느 부분에서든지 사용될 수 있으며, 이동할 프레임까지
정해 줄 수가 있기때문에, 다른 프레임의 페이지를 이동 시켜야 할 때 주로 사용된다.

<script language="javascript">
location.href="이동할 페이지";
</script>

또는

<script language = "JavaScript">
self.location.replace('이동할 페이지');
</script>

형식은 위와 같으며, 자바 스크립트이기 때문에
<script language="javascript">와 </script> 사이에 적어주어야 한다.

(예제)
<script language="javascript">
location.href=이동할링크주소;
</script>

만약에 다른 프레임으로 이동하게 하고 싶다면, 다음의 형식으로 사용하면 된다.

<script language="javascript">
parent.프레임이름.location.href=이동할링크주소;
</script>

또한 새 창을 띄워서 이동하고 싶을 때는 다음과 같이 사용한다.

<script language="javascript">
window.open(이동할링크주소);
</script>

③ <meta>

<meta> 태그는 HTML의 헤더 정보를 설정하기 위해 사용되는 태그로, 일반적으로 <head>와 </head> 사이에서
사용되지만, 페이지의 이동을 위해 페이지 어느 곳에서나 사용될 수 있다.

<meta http-equiv="refresh" content="지연시간; url=이동할페이지">
형식은 위와 같으며, 따옴표의 사용에 유의해야 한다. 지연시간은 초 단위이며,
지연 시간에 설정된 시간이 지난 후에 이동할 페이지로 이동된다.

(예제)
<meta http-equiv="refresh" content="10; url=이동할링크주소">
지연시간을 10초로 주어 예제를 실행한 후에 10초 동안은 아무 일도 일어나지 않을 것이다.
그리고 10초가 지나면 url에 설정한 주소로 이동한다.

바로 이동되도록 설정 하려면 아래와 같이 하면 된다.
<meta http-equiv="refresh" content="0; url=이동할링크주소">

추천 목록

번호	제목
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) 보여주는 레이어
	웹페이지 이동 방법