html类型的两个页面传递参数

第一种方法：（普通html）

第一个页面传值

通过URL加载参数传递

http://localhost:9090/collector/views/jsp/index.html?userName=user&token=token

第二个页面获取值

<script type="text/javascript">
	var userName;
	var token;
	var str=window.location.search;   //location.search是从当前URL的?号开始的字符串
    if (str.indexOf('userName')!=-1&&str.indexOf('token')!=-1){        
		var name_start=str.indexOf('userName')+'userName'.length+1;
		var name_end=str.indexOf("&",name_start);
		if (name_end!=-1){
			userName =  str.substring(name_start,name_end)
		}else{
			window.location.href='login.html';
		}
		var token_start=str.indexOf('token')+'token'.length+1;
		if (token_start<str.length){
			token = str.substring(token_start);
		}else{
			window.location.href='login.html';
		}
    }else{
    	window.location.href='login.html';
    }
	function getToken(){
		return token;
	}
</script>

第二种方法：通过html5的sessionStorage

设值：

sessionStorage.setItem("key", "value"); 	

取值：

var value = sessionStorage.getItem("key"); 	

clear清除所有的key/value

sessionStorage.removeItem("key");//removeItem删除key
sessionStorage.clear(); //清除所有