使⽤jQuery获取当前URL
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 >如何使⽤jQuery获取当前URL？</h2>
<p>单击按钮，获取当前页⾯URL</p>
<p> 当前URL为：<span class="output"></span></p>
<button id="btn">获取</button>
<script src="code.jquery/jquery-3.3.1.min.js"></script>
<script>
$('#btn').click(function() {
currLoc = $(location).attr('href');jquery在线库
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="code.jquery/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>
效果图：
更多前端开发知识，请查阅 HTML中⽂⽹ ！！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。