Als de gebruiker vergeet dit op te geven op het moment dat het iframe wordt gemaakt, kan het na het maken dynamisch worden toegevoegd met behulp van JavaScript.
In deze handleiding wordt de volledige procedure uitgelegd voor het doorgeven van URL-parameters aan een iframe in JavaScript.
Wat is het proces om URL-parameters door te geven aan een iframe in JavaScript?
Om URL-parameters door te geven aan een “Iframe” volgt u de meegeleverde stapsgewijze instructies.
Stap 1: Maak HTML Iframe-element HTML-code
Maak eerst een “iframe”-element in de HTML-code met behulp van de “ ' label:
< iframe-id = 'mijnIframe' kaderrand = '1' > iframe >
Hier heeft het gemaakte HTML-element de id “myIframe” en wordt het opgemaakt met behulp van de eigenschap “frameborder” met de waarde “1”.
Stap 2: Geef de URL-parameter door aan het gemaakte Iframe
Volg vervolgens de onderstaande JavaScript-code om een URL-parameter door te geven/toe te voegen aan het gemaakte iframe-element:
< script >laat Iframe = document. getElementById ( 'mijnIframe' ) ;
laten URL = 'onkeyup.html' ;
breedte laten = '300' ;
laat hoogte = '500' ;
laat geo = 'uk' ;
laat passURL = URL + '?geo=' + geo- + '&grootte=' + breedte + 'X' + hoogte ;
Iframe. src = advertentiesURL ;
troosten. loggen ( passURL ) ;
script >
In de bovenstaande regels code:
- De eerste “Iframe”-variabele past de “ document.getElementById() ”-methode om toegang te krijgen tot het gemaakte “iframe”-element met behulp van de id “myIframe”.
- De seconde ' URL ”variabele specificeert het pad van het gewenste document dat de gebruiker via een iframe in het huidige HTML-document wil insluiten.
- Vervolgens wordt de “ breedte ”variabele definieert de breedte van het gemaakte iframe-element en de “ hoogte ”variabele specificeert de hoogte.
- Daarna definieert de “geo”-variabele het domein van de URL, d.w.z. “uk(Internet country code top-level domain (ccTLD))”.
- Nu de ' passURL 'variabele voegt de waarden van de URL-, geo-, breedte- en hoogtevariabele samen om een URL te construeren.
- Geef vervolgens de geconstrueerde URL door aan het gemaakte iframe-element.
- Als laatste wordt de “ console.log() ”-methode geeft de geconstrueerde URL weer.
Stap 3: Controleer de uitvoer
Er kan worden opgemerkt dat de geconstrueerde URL van een HTML-document met succes is doorgegeven aan het gemaakte iframe-element.
Conclusie
Om in JavaScript URL-parameters door te geven aan een iframe-element, moet de gebruiker eerst “een voorbeeld van een iframe-element maken” en vervolgens “een URL construeren” door het “pad”, de “breedte”, de “hoogte” en het “domein” op te geven. attributen. Wanneer de URL is samengesteld, geeft u deze door aan het gemaakte HTML iframe-element. In deze handleiding wordt praktisch de volledige procedure uitgelegd voor het doorgeven van URL-parameters aan een iframe in JavaScript.