Maison > programmation quotidienne > connaissance HTML > Comment obtenir l'URL de la page actuelle avec jQuery

Comment obtenir l'URL de la page actuelle avec jQuery

藏色散人
Libérer: 2018-12-19 09:50:13
original
13376 Les gens l'ont consulté


jQuery obtient l'URL de la page actuelle, nous pouvons le faire via la syntaxe $(location).attr("href").

Comment obtenir l'URL de la page actuelle avec jQuery

Ci-dessous, nous présenterons la méthode d'implémentation de jQuery pour obtenir l'URL de la page actuelle avec un exemple de code simple.

L'exemple de code est le suivant :

<!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>
Copier après la connexion

Dans le code ci-dessus, un bouton est d'abord défini lorsque l'on clique sur le bouton, l'événement click est déclenché. Méthode $(location).attr( "href") pour obtenir l'adresse URL complète de la page actuelle. La méthode

attr() peut définir ou renvoyer la valeur d'attribut de l'élément sélectionné, voici l'attribut href défini. Enfin, les informations de localisation obtenues sont affichées à la réception via une alerte, qui est l'adresse URL de la page en cours.

Ensuite, le résultat de l'obtention de l'URL est le suivant :

Comment obtenir l'URL de la page actuelle avec jQuery

Cet article concerne la méthode de jQuery pour obtenir l'URL de la page actuelle. Il est également très simple. . J'espère que cela aidera les amis qui ont besoin d'aide !


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal