获取地址栏上的参数值

最新推荐文章于 2025-02-23 14:15:00 发布

转载最新推荐文章于 2025-02-23 14:15:00 发布 · 508 阅读

文章标签：

#js获取地址栏上的参

JQuery 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种利用jQuery结合JavaScript实现从URL中读取特定参数，并将其动态显示在网页上的方法。通过自定义函数GetQueryString，可以有效地解析查询字符串中的name-value对，并利用jQuery选择器更新页面元素的内容。

<div class="container">
            <div class="container">
                <h1 id="myval1">Hello, world!</h1>
                <h1 id="myval2">Hello, world!</h1>
            </div>
        </div>


<script>
        $(document).ready(function() {
          $('#myval1').html(GetQueryString("name"));
          $('#myval2').html(GetQueryString("pwd"));
        });
        function GetQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if(r != null) return unescape(r[2]);
            return null;
        };
    </script>