前端页面之间传递参数

这里有假如传递一个参数，在另一个页面接收时，只需要js中写入如下代码：
localhost:8080/index.jsp?id=1

 

function showWindowHref() {
        var sHref = window.location.href;
        var args = sHref.split('?');
        if(args[0]==sHref){
            return"";
        }
        var arr = args[1].split('=');
        console.log(arr[1]);

 

这里我打印了一下传递的参数。

如果有多个参数，我们只需要先以&截取字符串，然后在以=截取。就能得到里面的参数了。

function showWindowHref(){
	var sHref = window.location.href;//获取url
	var args = sHref.split('?');//以？截取字符串
	if(args[0]==sHref){//截取的前面的字符串和sHref相同，也就是没有参数
	return "";
	}
	var arr = args[1].split('&');//以&符号截取
	var obj={};//定义个对象
	for(var i = 0;i< arr.length;i++){
		var arg = arr[i].split('=');
		obj[arg[0]] = arg[1];//把=后面的放在obj里
	}
	return obj;
}
var herf = showWindowHref();
console.log(href['参数名']);

 总结

通过获取url的字符串，然后截取字符串，获取参数值。

（此文发现相同的请不要多想，因为这是和人家一起写的！）