天天看点

Html带参数跳转

a.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>第一页</title>
    </head>
    <body>
        <a href="b.html?id=1&name=胖娘子">点我带参数跳转</a>
    </body>
</html>      
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>接受参数页</title>
    </head>
    <body>
        我是接受参数页
    </body>
    <script type="text/javascript" charset="UTF-8">
        //获取参数方法
        function GetUrlParam(name){
          var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
          var r = window.location.search.substr(1).match(reg);
          if(r!=null)return unescape(r[2]); return null;
        }
        //使用获取参数方法
        var id= GetUrlParam("id");
        var name = GetUrlParam("name");
        console.log("id:"+id+"  name:"+name);
         
    </script>
</html>