js实现页面跳转并传值

Famiglistimott

已于 2022-05-20 14:12:56 修改

阅读量3.8k

点赞数 4

分类专栏： Java EE 文章标签： javascript webview html

于 2019-10-13 13:09:30 首次发布

本文链接：https://blog.csdn.net/kt1776133839/article/details/102531899

版权

Java EE 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

原理：

1.将参数通过拼接的方式拼接到页面的后面。

2.页面跳转后，解析url，根据关键字符'?',区别是页面还是后面的参数

3.根据关键字符'='，区分是参数名还是参数值

页面1：test1.html

        <body>
            请输入：
            <input type="text" id="txta" >
            <br />
            第一种方式，传输入的值
            <input type=button value="去往test2.html页面" οnclick="tiaozhuan()" />
            <script type="text/javascript">
                var tiaozhuan = function(){
                    document.location.href ='test2.html?mydata1=' + $("#txta").val();
                }
            </script>
            <br />
            第二种方式，传固定的值
            <input type=button value="去往test2.html页面" οnclick="document.location.href ='test2.html?mydata1=ciweigudingzhi';" />
        </body>
    </html>

页面2：test2.html

[html]

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>test2.html页面</title>
        </head>
        <body>
            test1.html页面传来的值为：<input type=text id="txt1" />
            <script type="text/javascript">
                var txt1 = document.getElementById("txt1");
                txt1.value = location.search.match(new RegExp("[\?\&]mydata1=([^\&]+)", "i"))[1];
            </script>
        </body>
    </html>