Develop

[js] URL 파싱하기 (jQuery 안쓰고)

by hooni posted Dec 14, 2017
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

jQuery 안쓰고 URL 파싱하기

A 태그를 동적으로 생성해서 HREF 속성을 URL로 채우면,

나머지 속성을 다음과 같은 방법으로 읽어낼 수 있다.

var parser = document.createElement('a');

parser.href = "https://hooni.net:443/lab/?m=macbook#hash";
parser.protocol; // => "https:"
parser.host;     // => "hooni.net:443"
parser.hostname; // => "hooni.net"
parser.port;     // => "443"
parser.pathname; // => "/lab/"
parser.hash;     // => "#hash"
parser.search;   // => "?m=macbook"
parser.origin;   // => "https://hooni.net:443"