Comment accéder à la page avec jquery-js tutoriel-php.cn

Comment accéder à la page avec jquery

藏色散人

Libérer： 2022-12-30 11:13:04

original

21802 Les gens l'ont consulté

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.

Comment accéder à la page avec jquery

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>

Copier après la connexion

Exécutez la page et cliquez sur le bouton « Sauter » ci-dessus.

Comment accéder à la page avec jquery

(Notez que vous êtes maintenant sur la page A)

Après avoir cliqué, vous passerez avec succès à la nouvelle page, (testb)

Comment accéder à la page avec jquery

code de test tel que :

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h3>这是页面B</h3>
</body>
</html>

Copier après la connexion

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!