[JS] 페이지 이동

[js 썸네일]

[JS] 페이지 이동

HTML에서는 a링크를 통하여 다른 페이지로 이동을 할 수 있다.

 

자바스크립트에서도 a링크의 기능을 하는 기능들이 있다.

 

1. location.href 이동

<button onlick="move">페이지 이동 합니다</button>
<a href=“www.naver.com”>네이버</a>


<script>
function move(){
	location.href = www.naver.com;
}
</script>

a링크의 이동과 자바스크립트 location.href는 값이 페이지로 이동하는 기능을 가지고 있다.

 

 

2. window.open() 새 탭으로 열기

<button onlick="move">페이지 이동 합니다</button>
<a href=“www.naver.com” target="_blank">네이버</a>


<script>
function move(){
	window.open('www.naver.com');
}
</script>

window.open은 타깃에 있는 페이지를 새로운 탭에 열게 합니다.

HTML a태그의 target="_blank"와 같은 기능을 수행합니다.

 

 

 

3.window.open() 새 창으로 열기

<button onlick="move">페이지 이동 합니다</button>

<script>
function move(){
	window.open('www.naver.com',"","_blank");
}
</script>

window.open에 _blank를 붙이면 팝업창(새 창) 열기를 할 수 있습니다.

HTML a태그로는 새 창열기는 불가능합니다.

 

 

사용법

See the Pen JS 페이지 이동 by 윤재현 (@jh91) on CodePen.