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>

js实现页面跳转并传值相关推荐

JS中页面跳转，传值包含中文时乱码解决方案
首先,在JS中将要传递的中文编码:encodeURI(encodeURI(value)): 然后在跳转界面中取值时通过以下方式解码:java.net.URLDecoder.decode(value , ...
[HTML]js实现页面跳转,页面A跳到另一个页面B.以及页面传值(中文)
原文地址为: [HTML]js实现页面跳转,页面A跳到另一个页面B.以及页面传值(中文) 要实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码 JS跳转大概有以下几种方式: 第一种: ...
JS 实现页面跳转的几种方法
JS 实现页面跳转的几种方法要实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码 JS跳转大概有以下几种方式: 第一种:(跳转到b.html) <script languag ...
微信小程序两个页面跳转，传值
微信小程序两个页面跳转,传值在小程序界面,需要点击后跳转界面并且传递一个值. 具体实现如下:首先在wxml界面需要绑定事件,绑定需要传的值 a.wxml `<view bindtap=&quo ...
js实现页面跳转重定向的几种方式
转载自 js实现页面跳转重定向的几种方式这篇文章主要介绍js实现页面跳转重定向的几种方式,需要的朋友可以参考下第一种: <script language="javascript& ...
js 控制页面跳转的5种方法
js 控制页面跳转的5种方法编程式导航: 点击跳转路由,称编程式导航,用js编写代码跳转. History是bom中的History.back是回退一页Histiory.go(1)前进一页Histo ...
【Android基础】页面跳转与传值(Activity跳转与传值)
一个Android应用程序很少会只有一个Activity对象,如何在多个Activity之间进行跳转,而且能够互相传值是一个很基本的要求. 本次我们就讲一下,Android中页面跳转以及传值的几种方式 ...
iOS——使用StroryBoard页面跳转及传值
之前在网上搜iOS的页面跳转大多都是按回以前的那种xib的形式,但鄙人是使用storyboard的.这篇就只介绍利用storyboard进行页面跳转与传值. 新建页面 iOS的程序也是使用了MVC的思 ...
小程序-js进行页面跳转
js进行页面跳转微信小程序跳转页面 wx.navigateTo({}): wx.navigateTo({ //保留当前页面,跳转到应用内的某个页面(最多打开5个页面,之后按钮就没有响应的)后续可以 ...

js实现页面跳转并传值

js实现页面跳转并传值相关推荐

最新文章

热门文章