JS实现页面跳转并传值

傷城~ 2022-04-23 07:30 266阅读 0赞

***第一个页面 page1.html***

`<html>  `

`<head>  `

`    ``<title>Page``1``</title>  `

`    ``<script type=``"text/javascript"``>  `

`        ``function topage2()  `

`        ``{  `

`            ``var parm1=document.getElementById(``"tx1"``).value;  `

`            ``var parm2=document.getElementById(``"tx2"``).value;  `

`            ``var myurl=``"page2.html"``+``"?"``+``"parm1="``+parm1+``"&parm2="``+parm2;  `

`            ``window.location.assign(encodeURI(myurl));  `

`        ``}  `

`    ``</script>  `

`</head>  `

`<body>  `

`  ``<label id=``"label1"` `>page1</label>  `

`  ``<br><br>  `

`  ``<input type=``"text"` `id=``"tx1"` `value=``"text 1"``>  `

`  ``<input type=``"text"` `id=``"tx2"` `value=``"text 2"``>  `

`  ``<input type=``"button"` `id=``"bt2"` `value=``"go to page2"` `onclick=``"topage2()"``>  `

`  ``</body>  `

`</html>`

***第二个页面 page2.html***

`<html>  `

`<head>  `

`    ``<title>Page``2``</title>  `

`    ``<script type=``"text/javascript"``>  `

`        ``function getparam1()  `

`        ``{  `

`            ``var url=location.href;  `

`            ``var tmp1=url.split(``"?"``)[``1``];  `

`            ``var tmp2=tmp1.split(``"&"``)[``0``];  `

`            ``var tmp3=tmp2.split(``"="``)[``1``];  `

`            ``var param1=tmp3;  `

`            ``alert(decodeURI(param1));  `

`        ``}  `

`        ``function getparam2()  `

`        ``{  `

`            ``var url=location.href;  `

`            ``var tmp1=url.split(``"?"``)[``1``];  `

`            ``var tmp2=tmp1.split(``"&"``)[``1``];  `

`            ``var tmp3=tmp2.split(``"="``)[``1``];  `

`            ``var param2=tmp3;  `

`            ``alert(decodeURI(param2));  `

`        ``}  `

`    ``</script>  `

`</head>  `

`<body>  `

`    ``<label id=``"label1"` `>page2</label>  `

`    ``<br><br>  `

`    ``<input type=``"button"` `id=``"bt1"` `value=``"get parm1"` `onclick=``"getparam1()"``>  `

`    ``<br><br>  `

`    ``<input type=``"button"` `id=``"bt2"` `value=``"get parm2"` `onclick=``"getparam2()"``>  `

`</body>  `

`</html>`

结果查看：

**用浏览器打开page1.html**

![20190125085945953.png][]

**点击go to page2按纽，进入page2.html**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1Byb2dyYW1tZXJfRnVRaWFuZw_size_16_color_FFFFFF_t_70][]

[20190125085945953.png]: /images/20220323/3c0e4f769569454a9dc139363319ec2b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1Byb2dyYW1tZXJfRnVRaWFuZw_size_16_color_FFFFFF_t_70]: /images/20220323/2ce0d0a0d6dd4d17a40ff92e50333732.png

发表评论取消回复

表情：

评论列表（有 0 条评论，266人围观）

还没有评论，来说两句吧...

相关阅读

相关 js跳转页面并传值以及localStorage的用法

之前写一个页面需要跳转页面，那个页面需要这边这个页面的“跳转按钮”所执行的一系列的函数的值，我用的是 window.location.href=url; 然而

Bertha 。/ 2022年08月09日 00:49/ 0 赞/ 307 阅读

相关 H5页面跳转与传值

页面之间的跳转经常使用a标签，使用mvc框架的都是通过访问controller的请求方法，返回请求页面。但本次开发，前端与后台完全分离，前端APP使用HBuide

太过爱你忘了你带给我的痛/ 2022年07月13日 15:49/ 0 赞/ 268 阅读

相关 JavaScript 页面跳转并传值,解析url成对象

一、页面跳转 1.window.location.href=”test01.html”;//本地页面跳转 2.window.open(“test01.html”) //

叁歲伎倆/ 2022年06月11日 05:12/ 0 赞/ 525 阅读

相关页面跳转传值angularjs

默认排序 [![Ye Huang][]][Ye Huang 1] [Ye Huang][Ye Huang 1] [http://yehuang.me][http_yeh

小鱼儿/ 2022年06月05日 03:36/ 0 赞/ 257 阅读

相关 js实现页面跳转，页面A跳到另一个页面B，以及页面传值

参考博文：[https://www.cnblogs.com/lyggqm/p/5688028.html][https_www.cnblogs.com_lyggqm_p_5688

清疚/ 2022年05月14日 02:14/ 0 赞/ 315 阅读

相关 JS实现页面跳转并传值

第一个页面 page1.html `<html> ` `<head> ` ` ``<title>Page``1``</title> ` ` ``<sc

傷城~/ 2022年04月23日 07:30/ 0 赞/ 267 阅读

相关 Intent实现页面跳转和传值

\Intent称为意图，是Android各大组件连接的桥梁 1.Activity页面跳转同一个包内 Intent intent = new Intent();

古城微笑少年丶/ 2022年04月17日 05:55/ 0 赞/ 386 阅读

相关 js页面跳转并传值问题

js页面跳转并传值问题 1.js实现页面跳转传值出现乱码 function search(){ var keyword=$("search i

叁歲伎倆/ 2022年04月02日 03:22/ 0 赞/ 281 阅读

相关 js页面跳转传值

[https://www.cnblogs.com/lyggqm/p/5688028.html][https_www.cnblogs.com_lyggqm_p_5688028.h

柔情只为你懂/ 2022年03月15日 03:42/ 0 赞/ 281 阅读

相关 JAVASCRIPT 页面跳转传值

在WEB页面中，我们实现页面跳转的方法通常是用LINK,BUTTON LINK ,IMG LINK等等，由用户点击某处，然后直接由浏览器帮我们跳转。但有时候，需要当某事件

谁践踏了优雅/ 2021年12月20日 05:55/ 0 赞/ 390 阅读