자바스크립트(Javascript) 페이지 바로가기 기능

JavaScript에서 "페이지 링크 바로 가기"를 구현하려면 “window.location” 객체를 사용합니다. 이 객체를 통해 현재 페이지의 URL을 변경하거나 다른 페이지로 이동할 수 있습니다. 또한 새로운 탭에서 페이지를 열거나 URL 정보를 확인하는 등의 작업을 수행할 수 있습니다. 아래는 이런 다양한 예제들에 대한 설명입니다. 

 

 

 

◎ 1. 현재 페이지 URL 변경

 

“window.location.href”를 사용하여 현재 페이지의 URL을 "[https://www.example.com](https://www.example.com/)"으로 변경합니다. 이 코드를 실행하면 현재 페이지가 "[https://www.example.com](https://www.example.com/)"으로 이동합니다.

 

window.location.href = "<https://www.example.com>";

 

 

◎ 2. 현재 페이지 다시 로드

 

“window.location.reload()”를 사용하여 현재 페이지를 다시 로드합니다. 이것은 새로 고침 버튼과 유사한 효과를 가지며, 현재 페이지를 다시 로드합니다.

 

window.location.reload();

 

 

◎ 3. 새로운 탭에서 페이지 열기

 

“window.open("<https://www.example.com>", "_blank")”을 사용하여 "[https://www.example.com](https://www.example.com/)"를 새 탭에서 엽니다. 코드를 실행하면 새로운 브라우저 탭에서 지정한 URL이 엽니다.

 

window.open("<https://www.example.com>", "_blank");

 

 

◎ 4. 현재 페이지 URL 정보 확인

 

“window.location.href”를 사용하여 현재 페이지의 URL 정보를 얻습니다. “currentURL” 변수에 저장한 정보를 “console.log”로 현재 페이지의 URL을 출력합니다.

 

const currentURL = window.location.href;
console.log("현재 페이지 URL: " + currentURL);

 

 

◎ 5. 현재 페이지 URL 변경 후 페이지 새로고침

 

“window.location.href”를 사용하여 현재 페이지의 URL을 "[https://www.example.com](https://www.example.com/)"로 변경하고, 그 다음에 “window.location.reload()”를 사용하여 페이지를 새로 고침합니다.

 

window.location.href = "<https://www.example.com>";
window.location.reload();