Falls der Benutzer vergisst, es zum Zeitpunkt der Iframe-Erstellung anzugeben, kann es nach der Erstellung mithilfe von JavaScript dynamisch hinzugefügt werden.
In dieser Anleitung wird das vollständige Verfahren zum Übergeben von URL-Parametern an einen Iframe in JavaScript erläutert.
Wie erfolgt die Übergabe von URL-Parametern an einen Iframe in JavaScript?
Um URL-Parameter an einen „Iframe“ zu übergeben, befolgen Sie die bereitgestellten Schritt-für-Schritt-Anweisungen.
Schritt 1: Erstellen Sie einen HTML-Code für ein HTML-Iframe-Element
Erstellen Sie zunächst ein „iframe“-Element im HTML-Code mit Hilfe des „ ' Etikett:
< Iframe-ID = „meinIframe“ Bilderrandbereich = „1“ > iframe >
Hier hat das erstellte HTML-Element die ID „myIframe“ und wird mithilfe der Eigenschaft „frameborder“ mit dem Wert „1“ gestaltet.
Schritt 2: Übergeben Sie den URL-Parameter an den erstellten Iframe
Befolgen Sie als Nächstes den unten angegebenen JavaScript-Code, um einen URL-Parameter an das erstellte Iframe-Element zu übergeben bzw. hinzuzufügen:
< Skript >lass Iframe = dokumentieren. getElementById ( „meinIframe“ ) ;
lassen URL = „onkeyup.html“ ;
Breite lassen = „300“ ;
Höhe lassen = „500“ ;
lass geo = 'Vereinigtes Königreich' ;
passURL lassen = URL + '?geo=' + geo + '&size=' + Breite + 'X' + Höhe ;
Iframe. src = AnzeigenURL ;
Konsole. Protokoll ( passURL ) ;
Skript >
In den obigen Codezeilen:
- Die erste „Iframe“-Variable wendet das „ document.getElementById() ”-Methode, um über seine ID „myIframe“ auf das erstellte „iframe“-Element zuzugreifen.
- Der Zweite ' URL Die Variable „gibt den Pfad des gewünschten Dokuments an, das der Benutzer über einen Iframe in das aktuelle HTML-Dokument einbetten möchte.
- Als nächstes wird das „ Breite Die Variable „definiert die Breite des erstellten Iframe-Elements und die Variable „ Höhe „Variable gibt ihre Höhe an.
- Danach definiert die Variable „geo“ die Domain der URL, also „uk(Internet Country Code Top-Level Domain (ccTLD))“.
- Jetzt die ' passURL Die Variable „verkettet die Werte der Variablen URL, Geo, Breite und Höhe, um eine URL zu erstellen.
- Übergeben Sie als Nächstes die erstellte URL an das erstellte Iframe-Element.
- Schließlich ist das „ console.log() Die Methode zeigt die erstellte URL an.
Schritt 3: Überprüfen Sie die Ausgabe
Es ist zu beobachten, dass die erstellte URL eines HTML-Dokuments erfolgreich an das erstellte iframe-Element übergeben wurde.
Abschluss
Um in JavaScript URL-Parameter an ein Iframe-Element zu übergeben, muss der Benutzer zunächst „ein Beispiel-Iframe-Element erstellen“ und dann „eine URL konstruieren“, indem er deren „Pfad“, „Breite“, „Höhe“ und „Domäne“ angibt. Attribute. Wenn die URL erstellt ist, übergeben Sie sie an das erstellte HTML-Iframe-Element. In dieser Anleitung wird praktisch das komplette Verfahren zur Übergabe von URL-Parametern an einen Iframe in JavaScript erklärt.