Comment transmettre des paramètres lors d'un saut de page en HTML-tutoriel HTML-php.cn

Comment transmettre des paramètres lors d'un saut de page en HTML

php中世界最好的语言

Libérer： 2018-01-18 09:25:45

original

5320 Les gens l'ont consulté

Cette fois, je vais vous montrer comment transmettre des paramètres lorsque la page saute en HTML, quelles sont les précautions sur la façon de transmettre des paramètres lorsque la page saute en HTML, le Voici quelques exemples de cas pratiques.

Page a

Cliquez sur le bouton de saut puis

peut obtenir la valeur correspondante à la page b.

<!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>
   <div id="name">tony</div>
   <div id="age">23</div>
   <button id="btn">跳转</button>
</body>
</html>

Copier après la connexion

Page B vers laquelle accéder :

<!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>
   <div id="name"></div>
   <div id="age"></div>
</body>
</html>

Copier après la connexion

Je pense que vous maîtrisez la méthode après avoir lu ces cas. Pour un contenu plus passionnant, veuillez faire attention au site Web chinois php. AutresArticles connexes !

Lecture connexe :

Comment utiliser la balise img des images HTML

Comment utiliser HTML pour implémenter le défilement fonction de barrage

Quelle est la différence entre le nom, l'identifiant et la classe en 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!