Heim  >  Artikel  >  Web-Frontend  >  HTML-Seitensprung durch Übergabe von Parametern

HTML-Seitensprung durch Übergabe von Parametern

WBOY
WBOYOriginal
2023-05-05 22:22:076546Durchsuche

HTML-Seitensprung-Übergabeparameter sind eine häufig verwendete Technologie in der Webentwicklung. Durch die Übergabe von Parametern können Dateninteraktion und Informationsübertragung zwischen Seiten erreicht werden, wodurch Benutzern personalisiertere Dienste bereitgestellt werden. In diesem Artikel werden verschiedene Möglichkeiten zum Implementieren von HTML-Seitensprüngen und Übergabeparametern vorgestellt.

1. URL-Parameterübergabe

Die URL-Parameterübergabe ist eine der am häufigsten verwendeten Methoden zur Parameterübergabe beim Springen zu einer HTML-Seite. Wir sehen oft URL-Adressen mit Parameterinformationen, zum Beispiel:

http://www.example.com/index.php?id=10&name=test

Unter ihnen wird id=10&name=test nach ? übergeben , id und name sind Parameternamen, 10 und test sind Parameterwerte. Die spezifische Implementierungsmethode lautet wie folgt:

1. Definieren Sie die Linkadresse auf der Quellseite:

Zum Springen klicken

Unter diesen ist target.html die Zielseitenadresse und die ID = 10 & name = test danach ? ist die zu übergebende Parameterinformation.

2. Den Parameterwert auf der Zielseite abrufen:

//Den Wert des ID-Parameters abrufen
var id = GetQueryString("id");
//Den Wert des Namensparameters abrufen
var name = GetQueryString ("name") ;

//URL-Parameter abrufen
Funktion GetQueryString(name){

var reg = new RegExp("(^|&)"+name+"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null)return  unescape(r[2]); return null;

}

Mit der obigen Methode können Sie die übergebenen Parameterinformationen auf der Zielseite abrufen und bei Bedarf entsprechende Vorgänge ausführen.

2. Formularübermittlung und Übergabe von Parametern

Die Formularübermittlung ist eine weitere häufig verwendete Methode zur Übergabe von Parametern beim Springen zu einer HTML-Seite. Durch die Formularübermittlung können Daten an die angegebene Seite übertragen werden, um die Dateninteraktion zwischen Seiten zu realisieren. Die spezifische Implementierungsmethode lautet wie folgt:

1. Definieren Sie das Formular auf der Quellseite:

<input type="hidden" name="id" value="10">
<input type="hidden" name="name" value="test">
<input type="submit" value="提交">

wo Aktion ist die Zielseitenadresse, Methode ist die Übermittlungsmethode, hier wird die Get-Methode zum Senden verwendet. id und name sind die zu übergebenden Parameternamen und 10 und test sind die zu übergebenden Parameterwerte.

2. Den Parameterwert auf der Zielseite abrufen:

//Den Wert des ID-Parameters abrufen
var id = GetQueryString("id");
//Den Wert des Namensparameters abrufen
var name = GetQueryString ("name") ;

//URL-Parameter abrufen
Funktion GetQueryString(name){

var reg = new RegExp("(^|&)"+name+"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null)return  unescape(r[2]); return null;

}

Eine komplexere Datenübertragung kann durch Formularübermittlung erreicht werden, z. B. durch Übergabe mehrerer Parameter oder Übergabe von Dateien usw.

3. Cookie-Übertragungsparameter

Cookie ist eine Technologie, die Daten auf der Clientseite speichert und Parameterinformationen zwischen HTML-Seiten übertragen kann. Die spezifische Implementierungsmethode lautet wie folgt:

Cookies auf der Quellseite festlegen:

document.cookie="name=test";


Cookie-Informationen über das Dokument festlegen. Cookie, ID und Name sind die zu übergebenden Parameternamen und 10 und Test sind die zu übergebenden Parameterwerte.

2. Den Cookie-Wert auf der Zielseite abrufen:

//Den Wert des ID-Parameters abrufen

var id = getCookie("id");

//Den Wert des Namensparameters abrufen
var name = getCookie ("name") ;

//Den Cookie-Wert des angegebenen Namens abrufen

Funktion getCookie(name){

var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg))
    return decodeURIComponent(arr[2]);
else
    return null;

}

Durch die Übergabe von Parametern über Cookies kann der Datenaustausch und die Informationsübertragung zwischen verschiedenen Seiten erreicht werden, dies sollte jedoch der Fall sein Da die von Cookies gespeicherte Datenmenge begrenzt ist, ist es nicht ratsam, zu große Parameterinformationen zu übergeben.

Oben werden verschiedene Möglichkeiten zum Übertragen von Parametern beim Springen zu einer HTML-Seite vorgestellt. Verschiedene Methoden eignen sich für verschiedene Szenarien. Front-End-Entwickler können geeignete Methoden auswählen, um die Dateninteraktion und den Informationstransfer zwischen Seiten entsprechend den spezifischen Anforderungen zu implementieren und den Benutzern personalisiertere Dienste bereitzustellen.

Das obige ist der detaillierte Inhalt vonHTML-Seitensprung durch Übergabe von Parametern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:So rufen Sie CSS in HTML aufNächster Artikel:So rufen Sie CSS in HTML auf