Maison > interface Web > tutoriel HTML > Explication détaillée du problème du saut de page et du passage des paramètres en HTML

Explication détaillée du problème du saut de page et du passage des paramètres en HTML

王林
Libérer: 2020-03-19 18:42:14
avant
2811 Les gens l'ont consulté

Explication détaillée du problème du saut de page et du passage des paramètres en HTML

L'effet est le suivant :

une page

Explication détaillée du problème du saut de page et du passage des paramètres en HTML

Après avoir cliqué sur le bouton de saut

Explication détaillée du problème du saut de page et du passage des paramètres en HTML

La valeur correspondante peut être obtenue à la page b.

Tutoriel recommandé : tutoriel html

Le code est le suivant :

une page :

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script src="js/jquery-3.0.0.min.js"></script>
    <script src="js/jquery.params.js"></script>
    <title>a页面</title>
    <script>
        $(function(){
             name = $("#name").text();
             age = $("#age").text();
            $("#btn").on("click",function(){
               jump1();
            });
        });
        function jump1(){
            url = "b.html?name="+name+"&age="+age;//此处拼接内容
            window.location.href = url;
        }
    </script>
</head>
<body>
   <div id="name">tony</div>
   <div id="age">23</div>
   <button id="btn">跳转</button>
</body>
</html>
Copier après la connexion

Page B à sauter à :

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script src="js/jquery-3.0.0.min.js"></script>
    <script src="js/jquery.params.js"></script>
    <title>b页面</title>
    <script>
        $(function(){
           getData1();
        });
        function getData1(){
            var name = $.query.get("name");
            var age = $.query.get("age");
            $("#name").text(name);
            $("#age").text(age);
        }
    </script>
</head>
<body>
   <div id="name"></div>
   <div id="age"></div>
</body>
</html>
Copier après la connexion

Tutoriels vidéo associés recommandés : Tutoriel vidéo HTML

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:jb51.net
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