吾爱破解 - 52pojie.cn

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 1528|回复: 10
收起左侧

[学习记录] 两个网页通过JS传值

[复制链接]
wrl090910 发表于 2022-3-17 23:10
本帖最后由 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>

免费评分

参与人数 1吾爱币 +1 热心值 +1 收起 理由
xibeimu + 1 + 1 谢谢@Thanks!

查看全部评分

发帖前要善用论坛搜索功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。

32K 发表于 2022-3-18 07:06
实用的技巧!谢分享!顺便占个沙发
slbcmgn 发表于 2022-3-18 08:55
fishiss 发表于 2022-3-18 08:57
不知道改成啥 发表于 2022-3-18 09:33
这东西没啥用至少也得玩个跨域啊!

免费评分

参与人数 1吾爱币 +1 收起 理由
xiaovssha + 1 我很赞同!

查看全部评分

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也专门开一贴?
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

返回列表

RSS订阅|小黑屋|处罚记录|联系我们|吾爱破解 - LCG - LSG ( 京ICP备16042023号 | 京公网安备 11010502030087号 )

GMT+8, 2024-11-25 14:40

Powered by Discuz!

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表