两个网页通过JS传值
本帖最后由 wrl090910 于 2022-3-17 23:19 编辑<!--第一个网页first.html通过a.js向jieshou.html传值
first.html-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第一个网页</title>
</head>
<script type="text/javascript" src="a.js"></script>
<body
<form name="form1" action="jieshou.html" method="post">
<h3>传值</h3>
<input class="text_1" type="text" name="wd" id="text_1" value=""/>
<input type="submit" name="sousuo" id="submit_s" value="提交"/>
</form>
</body>
</html>
<!--JS文件,a.js-->
function sub() {
var str = "" + document.getElementById('text_1').value;
var url = "jieshou.html?wd=" + encodeURI(str);
location.href = url;
}
<!接收方,jieshou.html-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>接收显示</title>
</head>
<body>
<form name="form2" action="">
<input name="xianshi" id="text_2" type="text" />
</form>
<script type="text/javascript">
var loc = location.href;
loc = decodeURI(loc);
var n1 = loc.length; //地址的总长度
var n2 = loc.indexOf("=");
if (n2 > 0) {
var id = loc.substr(n2 + 1, n1 - n2);
document.getElementById("text_2").value = id;
}
</script>
</body>
</html>
实用的技巧!谢分享!顺便占个沙发 学习楼主的经验, 接收页get不到value啊 这东西没啥用至少也得玩个跨域啊! 还可以用postMessage来实现两个不同页面的消息通信 同域,url参数,window全局变量,cookie,localStorage 等各种方式任你搞 可以使用localStorage,然后监听Storage的改变 我陷入了沉思 这不纯灌水吗?get也专门开一贴?
页:
[1]
2