Maison > Article > interface Web > Comment accéder à la page avec jquery
Comment accéder à la page avec jquery
- 藏色散人original
- 2021-01-29 16:36:5921817parcourir
Comment accéder à une page avec jquery : introduisez d'abord le fichier jquery dans la page ; puis créez un bouton pour déclencher le saut ; puis ajoutez un événement de clic pour le bouton de saut et enfin, faites fonctionner l'objet de localisation via jquery ; , et appelez la méthode attr et attribuez l'attribut href à la nouvelle adresse URL.
Environnement d'exploitation : Acer S40-51, Windows10 Home version chinoise, jquery1.8.3&&HBuilderX.3.0.5
Recommandé : "vidéo jquery Tutoriel》
page de saut jquery
Vous devez d'abord introduire le fichier de bibliothèque de script dans la page.
Créez ensuite un exemple de fichier html test, et créez un bouton pour déclencher le saut. Notez que la page actuelle s'appelle 'Page A'. Écrivez ensuite la logique du script JS pour ajouter un événement de clic pour le bouton de saut. Nous savons qu'en js natif, nous utilisons l'attribut location dans l'objet window pour gérer les sauts window.location.href = "abc.html"
exploitez l'objet location via jquery et appelez la méthode attr, attribuez simplement l'attribut href à la nouvelle adresse URL.
Testez le code complet :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>
<h3>这是页面A</h3>
<div>
<input class="btn btn-primary" type="button" value="跳转">
</div>
<script>
$(document).ready(function () {
$(".btn").click(function () {
$(location).attr("href","testb.html")
})
})
</script>
</body>
</html>Exécutez la page et cliquez sur le bouton « Sauter » ci-dessus.
(Notez que vous êtes maintenant sur la page A)
Après avoir cliqué, vous passerez avec succès à la nouvelle page, (testb)
code de test tel que :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h3>这是页面B</h3>
</body>
</html>Pour plus de connaissances liées à la programmation informatique, veuillez visiter : Enseignement de la programmation ! !
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!