将两个HTML放到同一个文件夹下,自己引入jquery的包。先打开a.html点击”传值”按钮,看b.html中是否接收到值。
原理:
从a.html根据: window.location.href=”b.html?valus=parm”;
跳转到b.html中,用window.location.search;接收值。
a.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>a页面 </title>
<script type="text/javascript" src="js/jquery/jquery-1.12.1.min.js"></script>
<script type="text/javascript">
function to(){
var getval ="valueTest";
window.location.href="b.html?valus="+getval;
}
</script>
</head>
<body>
<button onclick="to()">传值</button>
</body>
</html>
b.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>b页面 </title>
<script type="text/javascript" src="js/jquery/jquery-1.12.1.min.js"></script>
<script type="text/javascript">
$(function(){
//console.log(location.search.concat());
//manyValues();
$("#show").html(oneValues());
})
//接收一个值
function oneValues(){
var result;
var url=window.location.search; //获取url中"?"符后的字串
if(url.indexOf("?")!=-1){
result = url.substr(url.indexOf("=")+1);
}
return result;
}
//接收多值
function manyValues(){
var url=window.location.search;
if(url.indexOf("?")!=-1){
var str = url.substr(1);
strs = str.split("&");
var key=new Array(strs.length);
var value=new Array(strs.length);
for(i=0;i<strs.length;i++){
key[i]=strs[i].split("=")[0]
value[i]=unescape(strs[i].split("=")[1]);
alert(key[i]+"="+value[i]);
}
}
}
</script>
</head>
<body>
<span>接收的值是:</span>
<span id="show"></span>
</body>
</html>