jQuery: Как получить URL-адрес текущей страницы, путь, хост и хэш с помощью jQuery
В этом руководстве вы узнаете, как получить текущий URL-адрес страницы, путь, имя хоста и хэш с помощью jQuery. Давайте ознакомимся с руководством, чтобы найти URL-адрес текущей страницы и найти путь, имя хоста, происхождение из URL-адреса текущей страницы, используя jQuery с примером.
Как получить текущий URL-адрес страницы, путь и хэш с помощью jQuery?
- Используйте синтаксис $(location).attr("href"); чтобы найти полный URL-адрес текущей страницы
- Используйте синтаксис $(location).attr("origin"); чтобы получить базовый URL
- Используйте синтаксис $(location).attr("pathname"); для поиска пути к текущему URL
- Используйте синтаксис $(location).attr("host"); для поиска хоста текущего URL.
Используйте синтаксис $(location).attr("href"); чтобы найти полный URL-адрес текущей страницы
В следующем примере показано, как найти URL-адрес текущей страницы с помощью jQuery.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Get Current Page URL Using jQuery</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/jаvascript">
$(document).ready(function(){
$(".getUrl").click(function(){
var pURL = $(location).attr("href");
alert(pURL);
});
});
</script>
</head>
<body>
<button type="button" class="getUrl">Get URL</button>
</body>
</html>Используйте синтаксис $(location).attr("origin"); чтобы получить базовый URL
В следующем примере показано, как найти текущий базовый URL-адрес с помощью jQuery.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Get Current Page URL Using jQuery</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/jаvascript">
$(document).ready(function(){
$(".getUrl").click(function(){
var originURL = $(location).attr("origin");
alert(originURL);
});
});
</script>
</head>
<body>
<button type="button" class="getUrl">Get URL</button>
</body>
</html>Используйте синтаксис $(location).attr("pathname"); для поиска пути к текущему URL-адресу.
В следующем примере показано, как найти путь к URL-адресу текущей страницы с помощью jQuery.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Get Pathname From Current Page URL Using jQuery</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/jаvascript">
$(document).ready(function(){
$(".getUrl").click(function(){
var pathname = $(location).attr("pathname");
alert(pathname);
});
});
</script>
</head>
<body>
<button type="button" class="getUrl">Get URL</button>
</body>
</html>Используйте синтаксис $(location).attr("host"); для поиска хоста текущего URL.
В следующем примере показано, как найти имя хоста на текущей странице URL-адреса с помощью jQuery.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Get Hostname From Current Page URL Using jQuery</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/jаvascript">
$(document).ready(function(){
$(".getUrl").click(function(){
var host = $(location).attr("host");
alert(host);
});
});
</script>
</head>
<body>
<button type="button" class="getUrl">Get URL</button>
</body>
</html>В данном руководстве вы узнали, как получить URL-адрес текущей страницы. Кроме того, вы узнали, как получить имя пути, базовый URL-адрес, хост из URL-адреса текущей страницы.
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.