JavaScript解析URL

最新推荐文章于 2023-12-31 16:40:04 发布

山下智风

最新推荐文章于 2023-12-31 16:40:04 发布

阅读量221

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_30629571/article/details/52582840

本文介绍了一个JavaScript函数，该函数能够解析给定的URL，并将其分解为各个组成部分，包括协议、主机名、端口、查询参数等。这对于理解URL的结构及如何在网页应用中使用它非常有用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解析URL

//获取并解析url
	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('/')
		};
	}