微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

利用a标签自动解析URL分析网址实例

对于window.location,我们比较熟悉,它有protocol,hostname,host,port,search,hash,href,pathname等属性,a标签也和window.location一样,也有这样属性,这样可以方便我们分析网址,闲话少说,上代码

rush:js;"> 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"));

结果如下

代码如下:
arams: {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 }

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐