Problem mit der Parameterübergabe beim Sprung auf HTML-Seite

Problem mit der Parameterübergabe beim Sprung auf HTML-Seite

Die Wirkung ist wie folgt:

eine Seite

Nach dem Klicken auf die Sprungschaltfläche

Den entsprechenden Wert können Sie der Seite b entnehmen.

Der Code lautet wie folgt:

eine Seite:

<!DOCTYPE html>
<html>
<head lang="de">
    <meta charset="UTF-8">
    <script src="js/jquery-3.0.0.min.js"></script>
    <script src="js/jquery.params.js"></script>
    <title>eine Seite</title>
    <Skript>
        $(Funktion(){
             Name = $("#name").text();
             Alter = $("#Alter").text();
            $("#btn").on("klicken",function(){
               Sprung1();
            });
        });
        Funktion jump1(){
            url = "b.html?name="+name+"&age="+age;//Inhalte werden hier aneinandergereiht window.location.href = url;
        }
    </Skript>
</Kopf>
<Text>
   <div id="name">tony</div>
   <div id="Alter">23</div>
   <button id="btn">Springen</button>
</body>
</html>

Seite b, zu der Sie springen können:

<!DOCTYPE html>
<html>
<head lang="de">
    <meta charset="UTF-8">
    <script src="js/jquery-3.0.0.min.js"></script>
    <script src="js/jquery.params.js"></script>
    <title>Seite b</title>
    <Skript>
        $(Funktion(){
           getData1();
        });
        Funktion getData1(){
            var name = $.query.get("name");
            var Alter = $.query.get("Alter");
            $("#name").text(name);
            $("#Alter").text(Alter);
        }
    </Skript>
</Kopf>
<Text>
   <div id="Name"></div>
   <div id="Alter"></div>
</body>
</html>

Oben habe ich Ihnen das Problem der Parameterübergabe beim HTML-Seitensprung vorgestellt. Ich hoffe, es wird Ihnen helfen. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und ich werde Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken!

<<:  Verwenden von CSS3 und JavaScript zum Entwickeln von Beispielcode für die Web-Farbauswahl

>>:  Öffentlicher Upload-Bereich für mehrere Typen von Anhangsbildern auf der Vue-Seite und anwendbares Faltfenster (Beispielcode)

Artikel empfehlen

Tiefgreifendes Verständnis des asynchronen Wartens in Javascript

In diesem Artikel untersuchen wir, warum async/aw...

Dateiupload über HTML5 auf Mobilgeräten

Meistens werden Plug-Ins zum Hochladen von Dateie...

Implementierung eines einfachen Karussells auf Basis von JavaScript

In diesem Artikel wird der spezifische JavaScript...

Docker verwendet Busybox, um ein Basis-Image zu erstellen

Die erste Zeile eines Docker-Images beginnt mit e...

JavaScript implementiert den Div-Maus-Drag-Effekt

In diesem Artikel wird der spezifische Code für J...

Lösen Sie das Problem der Docker-Protokollmontage

Der Schlüssel ist, dass der lokale Server keine S...

Lösung für die Willkommensmeldung im Notfallmodus beim Booten von CentOS7.4

Heute habe ich eine virtuelle Maschine für ein Ex...

img usemap Attribut China Karte Link

HTML-img-Tag: definiert ein Bild, das in eine Webs...

So beheben Sie den abnormalen Start von mysql5.7.21

Ein Kollege meldete, dass eine MySQL-Instanz aufg...