js深度解析url地址

“站在巨人的肩膀上”

灵感来源：

https://segmentfault.com/a/1190000004601319

和

http://mp.weixin.qq.com/mp/ad_biz_info?__biz=MzAwMjU3OTY5NQ==#wechat_webview_type=2&wechat_redirect

上面一个地址，可以让你学到如何解析一个url地址，从中解析出每一个参数内容
第二个链接的问题就是参数中的键值对出现了==号，这是base64信息，如果再用=切割，就会出问题，这里就改版了一下

String.prototype.parseURL = function(){var url =this.toString()var a = document.createElement('a');a.href = url;return {source: url,protocol: a.protocol.replace(':', ''),host: a.hostname,port: a.port,query: a.search,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('/'),params: (function() {var ret = {};var seg = a.search.replace(/^\?/, '').split('&').filter(function(v,i){if (v!==''&&v.indexOf('=')) {return true;}});seg.forEach( function(element, index) {var idx = element.indexOf('=');var key = element.substring(0, idx);var val = element.substring(idx+1);ret[key] = val;});return ret;})()};
}

调用方法：

location.href.parseURL();'http://a.com:8888/a/b.html?c=1&0=0&d===&=1'.parseURL();
//上面故意把参数写的很乱，为了测试，如果上面你的浏览器报错，说明版本较低，可以如下写法('http://a.com:8888/a/b.html?c=1&0=0&d===&=1').parseURL();

js深度解析url地址相关推荐

vuejs解析url地址
函数: // url解析函数 // ?id=111&name=567 => {id:111,name:567} export function urlParse(){let obj = ...
解析url地址的函数
写一个解析url地址的函数,要求出来协议,主机,端口,路径,参数等信息. 例:https://php.com:8080/path/?action=login&a=user&b=pass ...
js获取页面URL地址并判断URL是否包含具体值
本文介绍jquery/js获取当前页面url地址的方法,在jquery与js中获取当前页面url方法是一样的,因为jquery没有自己相关的函数,使用js 的windows方法来获取,相关方法如下: ...
JavaScript 技术篇-使用js代码获取浏览器窗口标题名，js获取页面URL地址
用 Google 页面来举例子,Google 是它的窗口标题名,https://www.google.com是它的页面 url 地址. document.title 可以用来获取窗口标题名. loca ...
js 监听URL地址变化
js 监听URL的hash变化项目中使用AntdUI组件+react 里面使用了menu组件管理目录结构,不同目录组件页面之中有点击按钮进行不同目录的跳转,因为是各种组件的关系,点击各组件后准确跳 ...
javascript中new url()属性，轻松解析url地址
1.首先写一个假的地址(q=URLUtils.searchParams&topic=api)相当于当前的window.location.href const urlParams = new U ...
html js怎么访问url地址,HTML URL地址解析
HTML URL地址解析通过JavaScript的location对象,可获取URL中的协议.主机名.端口.锚点.查询参数等信息. 示例 URL:http://www.akmsg.com/WebDe ...
URL地址问号传参解析
一.什么是URL参数? URL 参数是追加到 URL 上的一个名称/值对.参数以问号 (?) 开始并采用 name=value 的格式.如果存在多个 URL 参数,则参数之间用一个 (&) 符 ...
python通过下载链接下载_Python根据URL地址下载文件——wget
爬虫过程中经常会需要下载一些资源,通常我们会使用request进行下载,方法大致如下 import requests # 请求链接,有防爬的要加headers,代理ip地址 img = request ...

js深度解析url地址

js深度解析url地址相关推荐

最新文章

热门文章