jQuery 获取当前页面 URL

在网页开发中，经常需要获取当前页面的 URL。jQuery 是一个广泛应用的 JavaScript 库，可以简化 JavaScript 编程。在本文中，我们将介绍如何使用 jQuery 获取当前页面的 URL，并提供代码示例。

获取当前页面 URL

要获取当前页面的 URL，可以使用 window.location.href 属性。这个属性包含了当前页面的 URL。在 jQuery 中，我们可以通过 $(location).attr('href') 来获取当前页面的 URL。

代码示例

下面是一个简单的示例，演示如何使用 jQuery 获取当前页面的 URL：

<!DOCTYPE html>
<html>
<head>
    <title>获取当前页面 URL</title>
    <script src="
</head>
<body>

<p id="url">当前页面的 URL 是：</p>

<script>
$(document).ready(function(){
    var currentUrl = $(location).attr('href');
    $('#url').append(currentUrl);
});
</script>

</body>
</html>

在上面的代码中，我们在页面加载完成后，使用 $(location).attr('href') 获取当前页面的 URL，并将其添加到页面中的 <p> 元素中。

类图

下面是一个简单的类图，展示了 jQuery 对象 $(location) 和 attr() 方法的关系：

classDiagram
    class jQuery {
        attr()
    }

    class location {
        href
    }

    jQuery <|-- location

结论

通过这篇文章，我们学习了如何使用 jQuery 获取当前页面的 URL。这对于需要在网页中动态展示当前页面信息的开发者来说是非常有用的。如果您正在进行网页开发，并且想要获取当前页面的 URL，可以尝试上面的代码示例。希望本文能够帮助您更好地使用 jQuery 进行开发。