jQuery可以通过使用Location对象的'href'属性来获得当前URL，该属性包含有关当前URL的信息。'href'属性返回一个包含当前页面完整URL的字符串。
语法：
$(location).attr('href')
示例1：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>如何使用jQuery获取当前URL？</title>
</head>
<body>
<h2 style="color: green">如何使用jQuery获取当前URL？</h2>
<p>单击按钮，获取当前页面URL</p>
<p> 当前URL为：<span class="output"></span></p>
<button id="btn">获取</button>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$('#btn').click(function() {
currLoc <mark style="color:transparent">来源gaodaimacom搞#代%码网</mark>= $(location).attr('href');
document.querySelector('.output').textContent = currLoc;
});
</script>
</body>
</html>
示例2：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>如何使用jQuery获取当前URL？</title>
</head>
<body>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
alert("host = " + $(location).attr('host') +
"\nhostname = " + $(location).attr('hostname') +
"\npathname = " + $(location).attr('pathname') +
"\nhref = " + $(location).attr('href') +
"\nport = " + $(location).attr('port') +
"\nprotocol = " + $(location).attr('protocol'));
</script>
</body>
</html>
以上就是如何使用jQuery获取当前URL？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：如何使用jQuery获取当前URL？
转载请注明原文链接：如何使用jQuery获取当前URL？
