html页面跳转传递参数

原文链接:https://blog.csdn.net/gnail_oug/article/details/53286694


从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>
        <!-- 参数直接拼接到url上 -->
        <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>

这样就可以获取到了,搬到这里为了以后方便使用。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 页面跳转的时候可能需要一些数据的传输,如商品跳转到详情页需要传一个id过去。那么在html中如何来实现呢?简单的来...
    丶灰太狼他叔阅读 5,920评论 2 0
  • 一直都有想写点什么的念头,一日偶尔看见别人的简书,才知道自己的文字也可以以这种形式出现! 我今年45岁,出生在一个...
    石坝的草阅读 2,675评论 0 0
  • 关于“苦逼”一词很多人认为是近年来才产生和流行的一个词语,其实早在佛经《观世音菩萨普门品》和释经高人鸠摩罗...
    云南曲靖李云跃阅读 3,465评论 0 1
  • 2017年的最后一天,我和一位《人间》的主编,一位严肃非虚构文学写手,一个知名网红创业公司的知名网红,几个狐朋狗友...
    小陆_阅读 3,424评论 0 1
  • 葫芦寓意: 玉葫芦中的“葫芦”与“福禄”谐音,民间常用葫芦来表示福禄。 枝叶繁茂、多果的藤蔓与多籽的葫芦表示“子孙...
    浅墨扶苏c阅读 3,207评论 0 0

友情链接更多精彩内容