实现页面跳转,并且收到上个界面的参数。
test3.html
<html>
<head>
<title>test3</title>
<script type="text/javascript">
function totest2()
{
var parm1=document.getElementById("tx1").value;
var parm2=document.getElementById("tx2").value;
var parm3=document.getElementById("tx3").value;
var myurl="test4.html"+"?"+"parm1="+parm1+"&parm2="+parm2+"&parm3="+parm3;
window.location.assign(myurl);
}
</script>
</head>
<body>
<label id="label1" >page test3</label>
<br><br>
<input type="text" id="tx1">
<input type="text" id="tx2">
<input type="text" id="tx3">
<input type="button" id="bt2" value="to test2" onclick="totest2()">
</body>
</html>
跳转到test4.html
<html>
<head>
<title>test1</title>
<script type="text/javascript">
function getparm1()
{
var url=location.href;
var tmp1=url.split("?")[1];
var tmp2=tmp1.split("&")[0];
var tmp3=tmp2.split("=")[1];
var parm1=tmp3;
}
function getparm2()
{
var url=location.href;
var tmp1=url.split("?")[1];
var tmp2=tmp1.split("&")[1];
var tmp3=tmp2.split("=")[1];
var parm2=tmp3;
}
function getparm3()
{
var url=location.href;
var tmp1=url.split("?")[1];
var tmp2=tmp1.split("&")[1];
var tmp3=tmp2.split("=")[1];
var parm3=tmp3;
}
</script>
</head>
<body>
<label id="label1" >page test4</label>
<br><br>
<input type="text" id="txt1">
<input type="text" id="txt2">
<input type="text" id="txt3">
<script type="text/javascript">
var txt1 = document.getElementById("txt1");
txt1.value = location.search.match(new RegExp("[\?\&]parm1=([^\&]+)", "i"))[1];
var txt2 = document.getElementById("txt2");
txt2.value = location.search.match(new RegExp("[\?\&]parm2=([^\&]+)", "i"))[1];
var txt3 = document.getElementById("txt3");
txt3.value = location.search.match(new RegExp("[\?\&]parm3=([^\&]+)", "i"))[1];
</script>
</body>
</html>
参考:js实现页面跳转并传值 - 孙淡策 - 博客园 (cnblogs.com)
我只不过是加了个显示而已,悲伤。。。而且这个传参因为解码方式不同,不支持传参中文。