js实现页面跳转并传值

原理:

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>  
 


版权声明:本文为kt1776133839原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。