以JQuery获取URL - Javascript

JQuery是一个流行的JavaScript库，其提供了方便易用的API来处理DOM操作，事件处理等等。在本文中，我们将介绍如何使用JQuery来获取当前页面的URL。

获取当前URL

我们可以使用JQuery提供的 $(location) 对象来获取当前页面的URL。我们可以通过其属性 attr() 来获取URL并打印出来。对应的代码如下所示：

let url = $(location).attr('href');
console.log(url);

上述代码中，我们首先使用 $(location) 获取当前页面的URL，并通过 attr('href') 方法获取其具体值。然后，我们打印出URL，方便检查。

获取URL的各个部分

我们可以通过$(location)对象获取当前页面URL的各个部分，如协议，主机名，路径等等。对应的代码如下所示：

let protocol = $(location).attr('protocol');
let hostname = $(location).attr('hostname');
let port = $(location).attr('port');
let pathname = $(location).attr('pathname');
let search = $(location).attr('search');
let hash = $(location).attr('hash');

console.log(protocol, hostname, port, pathname, search, hash);

在上述代码中，我们通过 $(location) 对象获取当前页面URL的部分，并通过 attr() 方法获取其具体的值。然后，我们打印出各个部分，方便检查。

总结

本文介绍了如何使用JQuery来获取当前页面的URL及其各个部分。通过JQuery的 $(location) 对象，我们可以方便地获取当前页面的URL，并在操作中得到所需的部分。