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

So verwenden Sie Xtrabackup zum Sichern und Wiederherstellen von MySQL

Inhaltsverzeichnis 1. Sicherung 1.1 Vollständig v...

Detaillierte Erläuterung des SSR-Server-Side-Rendering-Beispiels von Vue

Warum Server-Side Rendering (SSR) verwenden? Bess...

Informationen zum Fallstrickprotokoll der Vue3-Übergangsanimation

Inhaltsverzeichnis Hintergrund Problemort Weitere...

Gründe, warum MySQL den Abfrage-Cache abgebrochen hat

MySQL hatte zuvor einen Abfragecache, Query Cache...

Beispiel für die Bereitstellung einer Laravel-Anwendung mit Docker

Das in diesem Artikel verwendete PHP-Basisimage i...

Mehrere Techniken zum Abspielen von Sounds mit CSS

CSS ist der Bereich von Stil, Layout und Präsenta...

Analyse der Verwendung des MySQL-Datenbankbefehls „show processlist“

Wenn bei der tatsächlichen Projektentwicklung die...

Verstehen Sie die Implementierung des Nginx-Standortabgleichs in einem Artikel

Da das Team Front-End und Back-End trennt, überni...

jQuery klickt auf den Liebeseffekt

In diesem Artikel wird der spezifische Code des j...

Sechs Methoden zur Nginx-Optimierung

1. Optimieren Sie die Nginx-Parallelität [root@pr...