📜  使用 jQuery 获取当前 URL?(1)

📅  最后修改于: 2023-12-03 15:36:31.120000             🧑  作者: Mango

使用 jQuery 获取当前 URL

在前端开发中,我们有时需要获取当前 URL 来进行一些操作,比如根据 URL 参数进行页面渲染等。而使用 jQuery 可以很方便地获取当前 URL。

方法一:使用 window.location 对象

可以使用 window.location.href 来获取当前 URL。

var currentUrl = window.location.href;
console.log(currentUrl); // 输出当前 URL

这个方法比较简单直接,不过返回的是字符串类型的 URL,需要通过字符串操作来进行解析。

方法二:使用 jQuery 的 $(document).ready 函数

可以使用 jQuery 的 $(document).ready 函数来获取当前 URL。

$(document).ready(function() {
  var currentUrl = window.location.href;
  console.log(currentUrl); // 输出当前 URL
});

这个方法可以在页面加载完成后再获取 URL,比较灵活。

方法三:使用 jQuery 的 val 函数获取当前 URL

可以使用 jQuery 的 val 函数结合 window.location.href 来获取当前 URL。

var currentUrl = $(":input").val(window.location.href).val();
console.log(currentUrl); // 输出当前 URL

这个方法比较巧妙,可以用于获取当前页面中表单元素的值,不过需要页面中有表单元素。

以上就是使用 jQuery 获取当前 URL 的方法,读者可以根据自己的需求选择不同的方法。