Maison > interface Web > tutoriel HTML > le corps du texte

Réponses aux questions sur la transmission de paramètres dans les sauts de page HTML

小云云
Libérer: 2017-12-11 10:24:50
original
1941 Les gens l'ont consulté

Cet article présente principalement les informations pertinentes sur le problème de la transmission des paramètres dans les sauts de page HTML. Les amis qui en ont besoin peuvent s'y référer. J'espère qu'il pourra aider tout le monde.

L'effet est le suivant :

une page

Après avoir cliqué sur le bouton de saut

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

Le code est le suivant :

une page :

<!DOCTYPE html>
<html>
<head lang="en">
    <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>
   <p id="name">tony</p>
   <p id="age">23</p>
   <button id="btn">跳转</button>
</body>
</html>
Copier après la connexion

Page B à sauter à :

<!DOCTYPE html>
<html>
<head lang="en">
    <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>
   <p id="name"></p>
   <p id="age"></p>
</body>
</html>
Copier après la connexion

Vous l'avez tous appris ? Dépêchez-vous et essayez-le vous-même.

Recommandations associées :

Comparaison et résumé des différences entre les méthodes de saut de page mui

php n'utilise pas js pour implémenter la page Comment implémenter le saut

7 articles recommandés sur le saut de page 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: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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!