当我们拿到一个URL字符串，例如: "http://example.com:3000/pathname/?search1=test1&search2=test2#hash", 我们想把它的各个组成部分（protocol, hostname, port......）取出来， 我们该怎么做呢？你能会说， 我们把字符串进行切割， 用正则表达式来做。 是的这样可以， 如果实在客户端解析 URL 的话， 这里有一个简单到令人发指的方法。
我们只需要一个 a 标签就可以完成 URL 的解析。
下面看代码：
function parseURL(url) {
var parser = document.createElement("a"),
searchObj = {},
queries,key, value
parser.href = url
queries = parser.search.replace(/^\?/, "").split("&")
queries.forEach((query) => {
key = query.split("=")[0]
value = query.split("=")[1]
searchObj[key] = value
})
return {
protocol: parser.protocol,
host: parser.host,
hostname: parser.hostname,
port: parser.port,
pathname: parser.pathname,
searchObj: searchObj,
hash: parser.hash
}
}
参考链接：
