天天看點

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>