[JavaScript] 자바스크립트로 HTML 페이지 이동하기

095_자바스크립트로 HTML 페이지 이동하기

[적용]

• a 태그 이외의 방법으로 페이지를 이동하고 싶을 때

---

[문법]

속성	의미	반환
location.href	브라우저 URL	문자열

---

[내용]

location.href 속성에 URL을 문자열로 대입한다.

대입한 타이밍에 맞춰 페이지 이동이 이루어진다.

상대 경로는 현재 페이지의 URL 주소가 기준점이 된다. 

a 태그의 href 속성과 비슷하다고 생각하면 이해하기 쉬우며,

해당 속성은 읽기와 쓰기가 모두 가능하다.읽기는 현재 페이지의 주소를 가져오며, 쓰기는 해당 페이지로 이동하는 작업을 실행한다.

 

// 읽기 작업
console.log(location.href);  // 결과: 현재 페이지의 URL

// 쓰기 작업
location.href = 'another.html';  // 해당 페이지 이동

 

---

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김