html页面跳转传递参数

痛定思痛。 2022-07-14 01:18 304阅读 0赞

从a.html跳转到b.html页面，如果给b.html传递参数，可以通过下面的方式来传递：

1.  直接将参数拼接到url上，如b.html?param1=aa&param2=bb
2.  通过正则表达式解析参数  
      
    a页面代码:

<!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>A页面</title>
    </head>
    <body>
        <div>这是A页面</div>
        <div>
            
            <a href="b.html?param1=aa&param2=bb">访问b页面</a>
        </div>
    </body>
    </html>

b页面代码：

<!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>B页面</title>
    </head>
    <body>
        <div>这是B页面</div>
    
        <script type="text/javascript"> function getParams(key) { var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) { return unescape(r[2]); } return null; }; console.log("参数param1:"+getParams("param1"));//输出aa console.log("参数param2:"+getParams("param2"));//输出bb </script>
    </body>
    </html>

getParams方法说明：  
\- window.location.search为url中参数部分，包括?，如果url为[http://localhost/b.html?name=aa&age=20][http_localhost_b.html_name_aa_age_20]，那么window.location.search的值为 **?name=aa&age=20**  
\- 创建正则表达式，以key开头(如name=aa)，或者key前面包含**&**，并且值的最后有**&**或直接是末尾，并且值中不包含**&**。

[http_localhost_b.html_name_aa_age_20]: http://localhost/b.html?name=aa&age=20

发表评论取消回复

表情：

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

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

相关阅读

相关 Vue 页面跳转与参数传递

标签跳转 1、不带参数跳转 <router-link to="/about"> <button>跳转到关于我们</button> </rout

亦凉/ 2023年07月20日 05:48/ 0 赞/ 18 阅读

相关 HTML 页面跳转时传递参数（jquery.params.js）

HTML 页面跳转时传递参数（jquery.params.js）描述：在 HTML 页面跳转时，通过 URL 传递参数一、引入在解析参数页面的 JS 中引入

墨蓝/ 2023年07月06日 06:21/ 0 赞/ 11 阅读

相关 vue 跳转页面并传递参数

[https://www.jianshu.com/p/c699c4d197de][https_www.jianshu.com_p_c699c4d197de] [https_

阳光穿透心脏的1/2处/ 2023年06月20日 12:59/ 0 赞/ 17 阅读

相关 HTML页面跳转及参数传递

HTML页面跳转： window.open(url, "", "width=600,height=400"); //第二个参数：_self，在当前

喜欢ヅ旅行/ 2023年03月02日 13:18/ 0 赞/ 11 阅读

相关【vue】vue跳转页面传递参数

> `前言` 自己每次用的时候，都是百度，找到合适的要半天，所以就找一篇好点的搬运过来了。转载自：[https://blog.csdn.net/qi\_dabin/ar

水深无声/ 2022年11月04日 01:39/ 0 赞/ 23 阅读

相关 html页面跳转传递参数

从a.html跳转到b.html页面，如果给b.html传递参数，可以通过下面的方式来传递： 1. 直接将参数拼接到url上，如b.html?param1=aa&param

痛定思痛。/ 2022年07月14日 01:18/ 0 赞/ 305 阅读

相关 html页面跳转及参数传递

点击第一个html页面上 table数据的一行，跳转到第二个html页面显示这个场景下的详细数据，跳转过去时需要把这行数据的id传递给第二个html页面 1. 第一个html

╰半橙微兮°/ 2022年06月09日 03:45/ 0 赞/ 293 阅读

相关 html页面跳转传递参数

from:http://blog.csdn.net/gnail\_oug/article/details/53286694 从a.html跳转到b.html页面，如

「爱情、让人受尽委屈。」/ 2022年06月03日 06:18/ 0 赞/ 378 阅读

相关 vue 跳转页面并传递参数

首先创建readDetail.vue 且在index.js中注册路由。传递页面方式： 1.通过router-link进行跳转 <router-link

偏执的太偏执、/ 2021年06月24日 16:10/ 0 赞/ 585 阅读

相关详解html中页面跳转传递参数的问题

详解html中页面跳转传递参数的问题

小灰灰/ 2020年05月14日 10:57/ 0 赞/ 917 阅读