개발하는개발자

Location 객체

현재 브라우저 창에 열려있는 문서의 URL을 알려주는 객체이다.

★ 이 포스터를 통해 보이는것 뿐만아니라 보이지않는 정보(URL) 또한 객체화 될 수 있다는 점을 알 수 있을것이다.

1. 현재 브라우저의 URL 알아내기 

개발자 도구의 콘솔창에  console.log(location.toString(), location.href);를 작성하고 실행시켜보자.

이처럼 두개의 결과가 나타나는데 같은 결과이지만 location.href를 사용하는 것이 좀 더 선호되는 방식이다.

마찬가지로 콘솔창에 alert(location);을 작성한다면

이러한 결과가 나타나게되는데 왜? 그런것일까?

alert함수는 문자로 인자값이 넘어가야하는데 객체를 넘겨준다면 객체를 문자화 시켜서 넘기게된다. 따라서 location 객체를 넘기게 된다면 location객체의 문자화 된 값인 현재 URL이 출력되는 것이다.

위의 내용은 alert(location.toString());과 같은 결과값을 출력한다.

2. 현재 웹페이지의 URL 변경하기

location객체는 URL을 알아낼 뿐만 아니라 현재 웹페이지의 URL 변경, 현재 페이지를 리로드도 제공한다.

콘솔 창에 location.href='http://olsh1108o.tistory.com/';를 작성해보자.

결과적으로 작성한 페이지로 이동하게된다. 이러한 경우는 사용자의 상황에 따라서 다른 URL로 넘어가야 하는 경우가 있을 것이다. 그렇다면 location객체를 사용해서 이동시키면 된다.

현재 웹 페이지를 리로드 시키고 싶은 경우에는 location.href=location.href라고 작성하거나 또는 location.reload(); 명령어를 통해서 리로드 시킬 수 있다.

이 글은 생활코딩 강의를 참고하여 작성된 글입니다.