wrl090910 发表于 2022-3-17 23:10

两个网页通过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>

32K 发表于 2022-3-18 07:06

实用的技巧!谢分享!顺便占个沙发

slbcmgn 发表于 2022-3-18 08:55

学习楼主的经验,

fishiss 发表于 2022-3-18 08:57

接收页get不到value啊

不知道改成啥 发表于 2022-3-18 09:33

这东西没啥用至少也得玩个跨域啊!

fankangfan 发表于 2022-3-18 09:48

还可以用postMessage来实现两个不同页面的消息通信

xiaovssha 发表于 2022-3-18 09:56

同域,url参数,window全局变量,cookie,localStorage 等各种方式任你搞

zang135579 发表于 2022-3-18 10:02

可以使用localStorage,然后监听Storage的改变

凤舞九天lo 发表于 2022-3-18 10:09

我陷入了沉思

leven5 发表于 2022-3-18 10:26

这不纯灌水吗?get也专门开一贴?
页: [1] 2
查看完整版本: 两个网页通过JS传值