html页面跳转传递参数

html页面跳转传递参数
强烈推介IDEA2020.2破解激活,IntelliJ IDEA 注册码,2020.2 IDEA 激活码

from:http://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>
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14


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>
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23

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

本文来源水边风,由架构君转载发布,观点不代表Java架构师必看的立场,转载请标明来源出处:https://javajgs.com/archives/16278

发表评论