오늘은 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 |
댓글