利用a标签自动解析URL
来源:互联网 发布:大数据平台开发工程师 编辑:程序博客网 时间:2024/06/05 15:07
很多时候我们有从一个URL中提取域名,查询关键字,变量参数值等的需要,而万万没想到可以让浏览器方便地帮我们完成这一任务而不用我们写正则去抓取。方法就在JS代码里先创建一个a标签然后将需要解析的URL赋值给a的href属性,然后就得到了一切我们想要的了。
var a = document.createElement('a');
a.href = 'http://www.cnblogs.com/wayou/p/';
console.log(a.host);
利用这一原理,稍微扩展一下,就得到了一个更加健壮的解析URL各部分的通用方法了。下面代码来自James的博客。
function parseURL(url) { var a = document.createElement('a'); 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('/') };}
0 0
- 利用a标签自动解析URL
- js利用a标签自动解析URL
- 利用a标签自动解析URL
- 利用a标签自动解析URL
- 利用a标签自动解析URL
- 利用a标签解析url
- a标签自动解析URL
- 巧用a标签解析url
- 利用反射和标签自动解析游戏配置
- a标签自动触发
- a标签自动触发
- JS自动触发A标签
- html a标签用法解析
- 使用TextView解析a标签
- 使用TextView解析a标签
- a标签href值解析
- a标签onclick事件解析
- thinkPHP a标签URL传值方式
- Cycript segmentation fault:11
- c/c++ inline真正的用法
- 前端工程师必备技能汇总
- 过滤器入门
- C++11 语法记录
- 利用a标签自动解析URL
- Running Nutch in Eclipse
- jdbc
- 过分的话规划结构化分公司发货的规范几何级
- 80x86寄存器及寻址方式
- NutchTutorial
- 一个数列计算的cpp
- android控件常用属性和单位
- 升级Linux内核导致vmware无法使用(vmnet模块无法编译)解决方案