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

Detaillierte Erläuterung der Js-Klassenkonstruktion und Vererbungsfälle

Die Definition und Vererbung von Klassen in JS si...

Tutorial zu XHTML-Webseiten

Dieser Artikel soll vor allem Anfängern einige gr...

Detaillierte Erklärung der React-Ereignisbindung

1. Was ist In react Anwendungen werden Ereignisna...

Zusammenfassung der Wissenspunkte zu MySQL-Index, Sperre und Transaktion

Dieser Artikel fasst die Wissenspunkte zu MySql-I...

So verwenden Sie MySQL, um die Datengenerierung in Excel abzuschließen

Excel ist das am häufigsten verwendete Tool zur D...

Tomcat8 verwendet Cronolog zum Aufteilen von Catalina.Out-Protokollen

Hintergrund Wenn die von Tomcat generierte catali...

JS implementiert kreisförmiges Ziehen und Schieben des Fortschrittsbalkens

In diesem Artikelbeispiel wird der spezifische JS...

Über das Problem der Offline-Installation des Docker-Pakets unter CentOS 8.4

Die verwendete virtuelle Maschine ist CentOS 8.4,...

So löschen und deinstallieren Sie MySQL in Windows 10 vollständig

Vorwort Dieser Artikel enthält eine Anleitung zum...

Eine kurze Diskussion zum Verständnis von TypeScript-Indexsignaturen

Inhaltsverzeichnis 1. Was ist eine Indexsignatur?...

Navicat für MySQL-Tutorial

Zuerst müssen Sie Navicat für MySQL herunterladen...