자바스크립트 Location 객체: 웹브라우저의 URL 다루기

Location 객체란?

자바스크립트에서 Location 객체는 현재 페이지 URL 정보를 담고 있는 객체입니다. 이 객체를 활용하면 현재 웹페이지 URL을 읽거나 변경할 수 있습니다.

URL 정보 가져오기

console.log(location.href);
console.log(location.protocol);
console.log(location.host);
console.log(location.pathname);
console.log(location.search);
console.log(location.hash);

위 코드를 실행하면 현재 페이지의 전체 URL, 프로토콜(http 또는 https), 호스트 이름, 경로, GET 요청 변수, 해시값을 출력합니다.

URL 변경하기

location.href = 'https://www.example.com'; 

위 코드를 실행하면 현재 페이지를 ‘https://www.example.com’으로 이동합니다. 또한 다음과 같이 기존 URL의 일부분만 변경할 수 있습니다.

location.pathname = "/new/path";
location.hash = "#section2";

요약

자바스크립트에서 Location 객체는 현재 웹페이지의 URL 정보를 다루기 위한 객체입니다. 이 객체를 활용하여 URL 정보를 가져오거나 변경할 수 있습니다.

자바스크립트 location 객체, 웹브라우저 URL 다루기