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

Anwendungsszenarien und Lösungen für die MySQL-Komprimierung

Einführung Beschreibt die Anwendungsfälle und Lös...

Implementierung eines laufenden Springboot-Projekts mit Docker

Einführung: Die Konfiguration von Docker, auf dem...

Tutorial zu HTML-Tabellen-Tags (20): Zeilenhintergrund-Farbattribut BGCOLOR

Mit dem BGCOLOR-Attribut kann die Hintergrundfarb...

So setzen Sie das MySQL-Root-Passwort zurück

Inhaltsverzeichnis 1. Ich habe das Root-Passwort ...

W3C Tutorial (13): W3C WSDL Aktivitäten

Bei Webdiensten geht es um die Kommunikation zwis...

Beispielcode für ein Mysql-SQL-Überwachungsskript für langsame Abfragen

1. Ändern Sie my.cnf #Der Gesamteffekt besteht da...

Grundlagen der funktionalen Programmierung in JavaScript

Inhaltsverzeichnis 1. Einleitung 2. Was ist funkt...

So laden Sie Komponentenbibliotheken von Drittanbietern bei Bedarf in Vue3

Vorwort Nehmen Sie Element Plus als Beispiel, um ...

Über die „Berufskrankheit“ der Designer

Ich habe immer das Gefühl, dass Designer die sens...

Eine kurze Erläuterung des Sperrbereichs der MySQL-Next-Key-Sperre

Vorwort Eines Tages wurde ich plötzlich nach der ...

Verwendung des Linux-Befehls xargs

1. Funktion: xargs kann die durch Leerzeichen ode...

Vue-Direktiven v-html und v-text

Inhaltsverzeichnis 1. Anweisungen zum Rendern von...