본문 바로가기
Web/JavaScript

Javascript-Location 객체

by Jacob93 2017. 4. 24.

오늘은 Location 객체에 대해 알아보도록 하겠습니다.


location객체는 브라우저의 주소, 즉 URL과 관련있는 객체라고 볼 수 있습니다.


그럼 location객체의 속성을 알아보도록 하겠습니다.


속성 

설명 

href 

문서의 URL 주소 

host 

호스트 이름 + 포트 번호 

hostname

호스트 이름 

port 

포트 번호 

pathname

디렉토리경로 

hash 

앵커이름 

search 

요청매개변수 

protocol 

프로토콜 종류


그럼이제 코딩을 통해 속성들을 알아보도록 하겠습니다.




이렇게 코딩을 하게 되면 결과화면에 현재 웹 페이지의 URL값이 나오게 됩니다.


이제 속성들의 값을 넣어보도록 하겠습니다. 먼저 href 속성을 넣어보도록 하겠습니다.



 location.toString() 의 값과 location.href 의 값이 똑같이 현재 웹 페이지의 URL값이 나오게 됩니다.


이런식으로 계속 넣어 보시길 바랍니다.


protocol 속성을 예시로 넣어보도록 하겠습니다.




저는 제 컴퓨터에서 저장시킨 소스를 켰으니까 제 파일소스의 프로토콜 종류는 file이 되는거죠~ㅎㅎ


대부분의 웹페이지의 프로토콜은 http: 가 되겠죠??


그럼 오늘 포스팅은 여기서 마치도록 하겠습니다.


감사합니다~

'Web > JavaScript' 카테고리의 다른 글

DOM-querySelector  (0) 2017.05.05
DOM-getElementById  (0) 2017.05.05
DOM-getElementsByClassName  (0) 2017.05.05
DOM-getElementsByTagName  (0) 2017.05.05
JavaSctipt-대화상자(alert, confirm, prompt)  (0) 2017.04.10

댓글