Front/javascript
[Javascript] 웹 페이지의 근육 심기 - 페이지 이동
해니01_15
2023. 3. 25. 22:04
페이지 이동 :
원하는 링크를 첨부하여 페이지를 이동하는 기능을 구현 할 수 있다.
- 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>