jQuery如何获取当前页面url-pengetahuan html-php.cn

Rumah

pengaturcaraan harian

pengetahuan html

jQuery如何获取当前页面url

藏色散人

Dec 18, 2018 pm 01:56 PM

jQuery获取当前页面url，我们可以通过语法 $(location).attr("href")来实现。

jQuery如何获取当前页面url

下面我们就结合简单的代码示例，给大家介绍jQuery获取当前页面url的实现方法。

代码示例如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jquery获取当前页面url示例</title>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script type="text/javascript">
 $(function(){
            $("button").click(function(){
                var pageURL = $(location).attr("href");
 alert(pageURL);
 });
 });
 </script>
</head>
<body>
<button type="button">获取当前地址</button>
</body>
</html>

Salin selepas log masuk

上述代码中，首先定义了一个button按钮，当点击按钮就触发click事件，此事件中就是通过$(location).attr("href")的方法来获取当前页面完整的url地址。

attr() 方法可以设置或返回被选元素的属性值，这里就是设置的href属性。最后通过alert在前台显示获取到的location位置信息也就是当前页面url地址。

那么获取url结果如下所示：

jQuery如何获取当前页面url

本篇文章就是关于jQuery获取当前页面url的方法介绍，也是非常简单的，希望对需要的朋友有所帮助！

Atas ialah kandungan terperinci jQuery如何获取当前页面url. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn