• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

使用js通过a标签解析url地址

javascript 程序员 7年前 (2019-01-10) 297次浏览 已收录 0个评论
/*
* @function: 通过a标签解析url标签
* @param:url  url参数是字符串,解析的目标
  通过IE6-9 chrome  Firefox测试
* 可在浏览器控制台直接调试
*/
function parseURL(url) {
  //创建一个a标签
  var a =  document.createElement('a');
  //将url赋值给标签的href属性。
  a.href = url;
  return {
    source: url,
    protocol: a.protocol.replace(':',''), //协议
    host: a.hostname,   //主机名称
    port: a.port,   //端口
    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('/') //路径片段
  };
}

 


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:使用js通过a标签解析url地址
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址