Rumah > Artikel > pengaturcaraan harian > jQuery如何获取当前页面url
jQuery如何获取当前页面url
- 藏色散人asal
- 2018-12-18 13:56:5213273semak imbas
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结果如下所示：
本篇文章就是关于jQuery获取当前页面url的方法介绍，也是非常简单的，希望对需要的朋友有所帮助！
Atas ialah kandungan terperinci jQuery如何获取当前页面url. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
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
Artikel sebelumnya：js如何拆分字符串Artikel seterusnya：jquery怎么删除html属性