개발자의 끄적끄적

[javascript] location 객체 본문

개발/javascript & jquery

[javascript] location 객체

효벨 2020. 7. 18. 01:00
728x90
반응형

[javascript] location 객체

 

location

location은 URL 정보를 가져오는 객체입니다. URL 전체 또는 일부의 정보를 가져올 수 있는데, 대표적인 것들은 다음과 같습니다.

  • location
  • location.host
  • location.hostname
  • location.href
  • location.pathname
  • location.protocol

예제

URL이

https://example.codingfactory.net/_lab/javascript.html

일 때, 각 객체 속성이 어떤 값을 가져오는지 알아보는 예제입니다.

<!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <title>JavaScript</title> <style> h1 { font-family: "Times New Roman"; font-style: italic; } </style> </head> <body> <h1>location</h1> <script> document.write( location ); </script> <h1>location.host</h1> <script> document.write( location.host ); </script> <h1>location.hostname</h1> <script> document.write( location.hostname ); </script> <h1>location.href</h1> <script> document.write( location.href ); </script> <h1>location.pathname</h1> <script> document.write( location.pathname ); </script> <h1>location.protocol</h1> <script> document.write( location.protocol ); </script> </body> </html>

 

 

출처 : https://www.codingfactory.net/10438

반응형
저작자표시 비영리 변경금지

'개발 > javascript & jquery' 카테고리의 다른 글

[자바스크립트] 리스트 검색 필터  (0) 2020.07.29
[vue.js] Vuex 시작하기 1 - Vuex와 State [펌]  (0) 2020.07.29
[jquery] datepicker label explorer 오류  (0) 2020.07.11
[javascript] instagram 파싱하기  (0) 2020.07.08
[javascript] alert library 유용한 alert 창 라이브러리 alert창에 url제거 [펌]  (0) 2020.07.06
'개발/javascript & jquery' Related Articles more
Comments