使⽤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小时内删除。
发表评论