JS解析url

最新推荐文章于 2023-06-06 15:44:48 发布

文三鱼

最新推荐文章于 2023-06-06 15:44:48 发布

阅读量489

点赞数

分类专栏：程序代码文章标签： js url url javascript

程序代码专栏收录该内容

11 篇文章 0 订阅

订阅专栏

@param {string} url 完整的URL地址

*@returns {object} 自定义的对象

*@description 用法示例：var myURL = parseURL('http://abc.com:8080/dir/index.html?id=255&m=hello#top');

myURL.file='index.html'

myURL.hash= 'top'

myURL.host= 'abc.com'

myURL.query= '?id=255&m=hello'

myURL.params= Object = { id: 255, m: hello }

myURL.path= '/dir/index.html'

myURL.segments= Array = ['dir', 'index.html']

myURL.port= '8080'

yURL.protocol= 'http'

myURL.source= 'http://abc.com:8080/dir/index.html?id=255&m=hello#top'

代码部分

function parseURL(url) {
 var a =  document.createElement('a');
 a.href = url;
 return {
 source: url,
 protocol: a.protocol.replace(':',''),             //网络协议http:
 host: a.hostname,                                 //主机<span style="color: rgb(17, 17, 17); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 23.4px;">URL 的主机部分</span><span style="color: rgb(17, 17, 17); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 23.4px;">返回:www.。。。.com</span>
 port: a.port,                                     //端口‘8080'
 query: a.search,                                  //查询参数？。。。#
 params: (function(){
     var ret = {},
         seg = a.search.replace(/^\?/,'').split('&'),
         len = seg.length, i = 0, s;
     for (;i<len;i++) {
         if (!seg[i]) { continue; }
         s = seg[i].split('=');
         ret[s[0]] = s[1];
     }
     return ret;
 })(),
 file: (a.pathname.match(/\/([^\/?#]+)$/i) || [,''])[1],
 hash: a.hash.replace('#',''),                                //锚点
 path: a.pathname.replace(/^([^\/])/,'/$1'),                  //路径部分
 relative: (a.href.match(/tps?:\/\/[^\/]+(.+)/) || [,''])[1],
 segments: a.pathname.replace(/^\//,'').split('/')
 };
}