从url获取指定参数值，获取当前url上下文

关注

原创最新推荐文章于 2026-09-11 16:14:22 发布 3.1k 阅读 AI 写同款· GEO 优化 ›

vue获取当前页面url网址信息在WEB开发中，时常会用到javascript来获取当前页面的url网址信息，在这里是我的一些获取url信息的小总结。下面我们举例一个URL，然后获得它的各个组成部分：http://i.cnblogs.com/EditPosts.aspx?opt=1//返回url 的主机部分，例如：www.xxx.com window . location . hostname;//返回www.xxx.com window . location . href; 阅读详情

1.从url获取指定参数值

function requestParam(paras){
	var url = location.href;  
	var paraString = url.substring(url.indexOf("?")+1,url.length).split("&");  
	var paraObj = {};  
	for (i=0; j=paraString[i]; i++){  
		paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length);  
	}  
	var returnValue = paraObj[paras.toLowerCase()];  
	if(typeof(returnValue)=="undefined"){  
		return "";  
	}else{ 
		return returnValue; 
	}
}

2.获取url上下文

function getContext() { 
	var url = window.location.href;
	var ret = "/";
	if (url.indexOf("http://") != -1) {
		var hoststr = url.substr(7, url.length - 7);
		var index = hoststr.indexOf("/");
		if (index > 0) {
			var context = hoststr.substr(index + 1, hoststr.length - (index + 1));
			index = context.indexOf("/");

			if (index < 0) {
				ret += context;
			} else {
				context = context.substring(0, index);
				ret += context;
			}
		}
		ret = "http://" + hoststr.substring(0, hoststr.indexOf("/")) + ret;
	}
	return ret;
}//返回值类似：http://171.14.14.118:9494/itemss

收录于