jQuery如何获取当前页面url

互联网 18-12-18

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

下面我们就结合简单的代码示例，给大家介绍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>

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

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

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