페이지 이동 :
원하는 링크를 첨부하여 페이지를 이동하는 기능을 구현 할 수 있다.
- location.href : 페이지 그대로의 이동
- location.replace() : 현재 페이지에 덮어 씌우는 역할. 이전 페이지로 이동 불가능
- window.open() : 새 창으로 페이지를 이동
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
var link = 'https://henniee.tistory.com';
function a(){
location.href=link;
}
function b(){
location.replace(link);
}
function c(){
window.open(link);
}
</script>
</head>
<body>
<input type = "button" value = "페이지 이동" onclick="a()">
<input type = "button" value = "현재 페이지에 덮어 씌우기" onclick="b()">
<input type = "button" value = "새 창으로 띄우기" onclick="c()">
</body>
</html>
'Front > javascript' 카테고리의 다른 글
| [Javascript] 웹 페이지의 근육 심기 - 회원가입 (0) | 2023.03.26 |
|---|---|
| [Javascript] 웹 페이지의 근육 심기 - 이벤트(event) (0) | 2023.03.26 |
| [Javascript] 웹 페이지의 근육 심기 - 계산기 만들기 (0) | 2023.03.25 |
| [Javascript] 웹 페이지의 근육 심기 - value값 가져오기 (0) | 2023.03.25 |
| [Javascript] 웹 페이지의 근육 심기 - 구구단 테이블 만들기 (0) | 2023.03.24 |
