javascript - 请问在通过 jquery get 加载的页面内如何获取当前的 url 地址？

Question

我有个页面弹窗，是在 index.html 页面加载的 js 代码里通过 jquery get 方法实现的，大概代码如下：

$.get('./addOrEdit.html?id=100', function (data) {            var info = data, oppoBox = $('#oppoBox'), title = $.trim(obj.attr('atitle'));            if (info.length) {                $('#oppoInfo').html(info);                $('#oppoBg').css({'height': $(document).outerHeight() + 'px'});                oppoBox.css({'width': $(document).outerWidth() * 11 / 18 + 'px'});                var top = $(window).height() / 18, height = $(window).height() - top * 2;                oppoBox.css({                    'left': ($(document).outerWidth() - oppoBox.outerWidth()) / 2 + 'px',                    'top': top + 'px',                    'height': height + 'px',                    'overflow': 'hidden'                });                $('#oppoTitle').text(title);                $('#oppoInfo').css({                    'height': height - parseInt($('#toolBar').css('lineHeight')) - parseInt($('#oppoInfo').css('paddingTop')) - parseInt($('#oppoInfo').css('paddingBottom')) + 'px'                });                $('#oppoBg,#oppoBox').removeClass('hide');            }        });

现在我期望是在 addOrEdit.html?id=100 页面加载的 js 文件获取到当前的 id 的参数值，但是现在获取到的当前页面地址一直是 index.html，请问大神这个该怎么办？小弟跪谢。

请大佬不要告诉直接写死 100 就行了，我这里为了方便看直接写成了 addOrEdit.html?id=100，实际的页面这个 url 是个变量表示的。

Answer 1

你可以使用 JavaScript 的 window.location 对象来获取当前页面的 URL。然后，你可以使用 split 函数和 URLSearchParams 对象来解析 URL 中的参数。下面是一个示例代码：

// 获取当前页面的 URLvar currentUrl = window.location.href;// 解析 URL 中的参数var params = new URLSearchParams(currentUrl);// 获取 id 参数的值var id = params.get('id');console.log(id); // 输出 "100"

在这个示例中，window.location.href 用于获取当前页面的完整 URL。然后，new URLSearchParams(currentUrl) 用于创建一个新的 URLSearchParams 对象，该对象包含 URL 中的查询参数。最后，params.get('id') 用于获取名为 "id" 的参数的值。在这个例子中，输出将是 "100"。

请注意，这个方法适用于任何页面，包括通过 AJAX 或其他方式加载的页面。无论页面是如何加载的，window.location.href 总是返回当前页面的完整 URL。