HTML页面跳转传递参数

前言：在项目开发中，经常会遇到页面之间的跳转，而在页面的跳转中，可能需要携带参数，另一个页面接收这个参数，比如：登录成功后跳转到主页面时需携带用户名参数。

1、URL参数传递

url参数传递是最常用的方法之一，举例说明：

http://127.0.0.1:8848/music/login.html?username=1其中username=1就是传递的参数信息username为参数名，1为参数值，具体的使用方法可以为：

window.location.href="./home.html?username=1"，接着就是在目标页面中引用该参数，

var username = GetQueryString("username");
function GetQueryString(name){
    var reg = new RegExp("(^|&)"+name+"=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if(r!=null)
        return  unescape(r[2]); 
    return null;
}

2、cookie传递参数 

cookie是一种在客户端存储的技术，可以在HTML页面之间传递参数信息，具体的实现方式为：

//
//在原页面中把要传递的参数存入cookie：
//
let username="seven"
document.cookie=`username=${username}`
//
//
//
//在目标页面引用时需要
//
function getCookie(name){
	var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
	if(arr=document.cookie.match(reg)){
		return decodeURIComponent(arr[2]);
	}
	else{
		return null;
	}
   
}
let name=getCookie("username")