从一个html页面传值到另一个页面,两个html之间的值传递(js location.search用法)

最新推荐文章于 2023-03-27 11:30:27 发布

前方有猫腻

最新推荐文章于 2023-03-27 11:30:27 发布

阅读量1.9k

点赞数 1

原文链接：https://blog.csdn.net/u012211821/article/details/78919126

版权

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>

前方有猫腻

关注

1
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
从一个html页面传值到另一个页面,两个html之间的值传递(js 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
复制链接

扫一扫