html根据url接收参数(使用正则表达式)

最新推荐文章于 2023-12-30 11:29:49 发布

食人间烟火！

最新推荐文章于 2023-12-30 11:29:49 发布

阅读量434

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/sunshiine8080/article/details/105516055

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

根据url路径取出改url中的参数值

http://localhost:9111/demo/static/test.html?name=shine&id=551

html页面

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>test</title>
    <meta name="decorator" content="ani"/>
   <script type="text/javascript" src="../static/plugin/qrcode-plugin/jquery.js"></script>
</head>

<body>
    <div style="font-size: 1.1em;margin:auto;width: 400px;display: block;">
        页面跳转中，请稍候
    </div>
    <script>
        /*获取url上参数*/
        var name= getUrlParam('name');
        var id= getUrlParam('id');
        /*打印参数*/
        console.log(name);
        console.log(id);
        /*使用正则表达式--获取url中的参数方法*/
        function getUrlParam(name) {
            //构造一个含有目标参数的正则表达式对象
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            //匹配目标参数
            var r = window.location.search.substr(1).match(reg);
            //返回参数
            if (r != null) {
                return unescape(r[2]);
            } else {
                return null;
            }
        }
    </script>
</body>

</html>

食人间烟火！

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html根据url接收参数(使用正则表达式)

根据url路径取出改url中的参数值http://localhost:9111/demo/static/test.html?name=shine&id=551html页面<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title&g...
复制链接

扫一扫