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

1548 단어
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
}

좋은 웹페이지 즐겨찾기