方法1： 简便方式，利用window.location的属性
| 属性 | 值 |
|---|---|
| href | 完整的url |
| protocol | 协议 |
| hostname | 主机名 |
| hostname | 主机名+端口 |
| host | 端口 |
| pathname | 路径部分 |
| search | 查询部分 |
| hash | #开始的锚 |
若url= 'http://www.baidu.com:8080/cd/a?a=1&b=2#active'
则：
window.location.href => 'http://www.baidu.com:8080?a=1&b=2#active'
window.location.protocol=>'http'
window.location.port=>8080
window.location.search=>'?a=1&b=2'
window.location.pathname=>'/cd/a'
window.location.hash=>'#active'
方法2：用正则匹配
var str = 'http://www.baidu.com:8080?a=1&b=2#active'
var arr = str.match(/(\w+):\/\/([^/:]+):(\d*)?/)
console.log(arr) //["http://www.baidu.com:8080", "http", "www.baidu.com", "8080"]
正则解析：
1 (\w+) 表示字母数字下划线的一个或多个字符
2 ([^/:]+) 表示非/或非：的任意字符的一个或多个
3 (\d*) 表示数字的0个或多个
