html页面跳转传递参数

痛定思痛。 2022-07-14 01:18 227阅读 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 条评论，227人围观）

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

相关阅读

相关 HTML页面间数据传递,利用JS进行页面跳转

可以利用HTML5的新特性localStorage来进行数据传递,这个就相当于是缓存.采用键值对的方式存取数据.存的数据是全局的. localStorage.setI

╰+攻爆jí腚メ/ 2022年09月17日 01:55/ 0 赞/ 191 阅读

相关 ajax带参数跳转到别的页面,AJAX扩展-POST传递参数并跳转页面

拓展的代码：这段代码的原理是创建一个表单，所有args都创建一个隐藏的input，用post方法把这些参数传递过去注意form表单一定要加载到页面中，即下面代码中标红的

快来打我*/ 2022年09月03日 06:18/ 0 赞/ 325 阅读

相关 Html页面跳转

1.html页面简单调转的几种方式 <!DOCTYPE html> <html> <head lang="en"> <meta cha

喜欢ヅ旅行/ 2022年07月21日 00:11/ 0 赞/ 225 阅读

相关 html页面跳转传递参数

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

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

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

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

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

相关 html页面跳转传递参数

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

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

相关 Jquery跳转页面传递参数以及获取url的参数

传递参数： `window.location='editCourse.html?dataId='+dataId+'';` 获取url中的参数(封装的方法)： fun

我就是我/ 2021年11月23日 00:00/ 0 赞/ 571 阅读

相关 uni-app系列：页面跳转以及传递参数

目录 uniapp实现页面跳转以及跳转后传值过去一、链接跳转二、事件跳转 1、uni.navigateTo(OBJECT) 2、uni.redirectTo

梦里梦外;/ 2021年07月24日 12:32/ 0 赞/ 1124 阅读

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

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

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

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

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

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