[javascript] 로케이션 오브젝트(Location Object)사용 하기

자바스크립트(javascript)나 제이쿼리(jquery)에서 url을 다루기 위해서 로케이션 오브젝트(Location Object)라는 것을 사용해야 합니다.

c#의 'url object(uri)'처럼 사용할 수 있습니다.

 

 

 

1. 프로퍼티 읽어오기

현재 url의 로케이션 오브젝트는 'window.location'를 읽어서 사용할 수 있습니다.

 

//javascript
var objLocation = window.location;
//jquery
var objLocationJQ = $(location);

 

 

로케이션 오브젝트에서 받아올 수 있는 정보는 다음과 같습니다.

 

hash : 앵커 부분(# 뒷부분)
host : 호스트 정보(호스트 주소만 나옴)
hostname : 호스트의 이름
href : 전체 주소
origin : 프로토콜과 포트 번호를 포함한 호스트 정보
pathname : 호스트 정보를 뺀 나머지 정보
port : 포트 번호, 포트 번호가 생략된 경우(80번 포트) 출력되지 않음
protocol : 프로토콜 정보
search : 쿼리 스트링(?표 이후로 나오는) 정보

(참고 : w3schools - The Location Object )

 

 

2. 테스트 해보기

직접 테스트해봅시다.

 

 

 

마무리

로케이션 오브젝트의 프로퍼티는 'a'태그에도 사용할 수 있습니다.

'a'태그의 내용도 이렇게 가지고 올 수 있다는 것이죠.

'프로그래밍 > 웹관련' 카테고리의 다른 글

[CSS] 'table'에서 'td'가 높이 100%를 안먹을 때 해결방법  (0)	2018.05.03
[javascript] 문자열을 로케이션 오브젝트로 변환 하기(String to Location Object)  (0)	2017.01.16
[javascript] 로케이션 오브젝트(Location Object)사용 하기  (0)	2017.01.13
[CSS] 마진 상쇄 현상(margin collapsing)의 이해와 해결  (11)	2016.12.21
[TypeScript] 타입스크립트의 빠른 시작 따라하기  (0)	2016.12.14