a 태그를 사용하여 URL 분석 사이트 인스턴스 자동 분석

window의 경우.location, 우리는 비교적 익숙하다. 이것은protocol,hostname,host,port,search,hash,href,pathname 등 속성이 있고 a 라벨도 window이다.location과 마찬가지로 이런 속성도 있다. 이렇게 하면 우리가 웹 주소를 분석하는 데 편리하고 잡담은 적게 하고 코드를 올릴 수 있다.

function parseURL(url) {
var a = document.createElement('a');
a.href = url;
return {
source: url,
protocol: a.protocol.replace(':',''),
host: a.hostname,
port: a.port||'80',
query: a.search,
params: (function(){
var ret = {},
seg = a.search.replace(/^\?/,'').split('&'),
len = seg.length, i = 0, s;
for (;i 
 

테스트 주소
console.log(parseURL("http://www.w3school.com.cn/jsref/dom_obj_anchor.asp?type=2#id2"));
결과는 다음과 같다.

 
  
 { 
  
 file: "dom_obj_anchor.asp", 
  
 hash: "id2", 
  
 host: "www.w3school.com.cn", 
  
 params: {type: "2"}, 
  
 path: "/jsref/dom_obj_anchor.asp", 
  
 port: "80", 
  
 protocol: "http", 
  
 query: "?type=2", 
  
 relative: "/jsref/dom_obj_anchor.asp?type=2#id2", 
  
 segments: [0: "jsref",1: "dom_obj_anchor.asp"], 
  
 source: http://www.w3school.com.cn/jsref/dom_obj_anchor.asp?type=2#id2 
  
 }