I tilfelle brukeren glemmer å spesifisere det på tidspunktet for iframe-oppretting, kan det legges til dynamisk etter opprettelsen ved hjelp av JavaScript.
Denne veiledningen forklarer den fullstendige prosedyren for å sende URL-parametere til en iframe i JavaScript.
Hva er prosessen for å sende URL-parametre til en iframe i JavaScript?
Følg trinnvise instruksjoner for å sende URL-parametere til en 'Iframe'.
Trinn 1: Lag HTML Iframe Element HTML-kode
Lag først et 'iframe'-element i HTML-koden ved hjelp av ' ' stikkord:
< iframe-id = 'min iframe' ramme grense = '1' > iframe >
Her har det opprettede HTML-elementet en id 'myIframe' og er stylet ved å bruke egenskapen 'frameborder' med verdien '1'.
Trinn 2: Send URL-parameter til opprettet iframe
Følg deretter JavaScript-koden nedenfor for å sende/legge til en URL-parameter til det opprettede iframe-elementet:
< manus >la iframe = dokument. getElementById ( 'min iframe' ) ;
la URL = 'onkeyup.html' ;
la bredde = '300' ;
la høyde = '500' ;
la geo = 'uk' ;
la passURL = URL + '?geo=' + geo + '&størrelse=' + bredde + 'x' + høyde ;
Iframe. src = adsURL ;
konsoll. Logg ( passURL ) ;
manus >
I kodelinjene ovenfor:
- Den første 'Iframe'-variabelen bruker ' document.getElementById() '-metoden for å få tilgang til det opprettede 'iframe'-elementet ved å bruke ID-en 'myIframe'.
- Den andre ' URL Variabelen spesifiserer banen til det ønskede dokumentet som brukeren ønsker å bygge inn i gjeldende HTML-dokument gjennom en iframe.
- Deretter ' bredde variabel definerer bredden på det opprettede iframe-elementet og ' høyde variabelen spesifiserer høyden.
- Etter det definerer 'geo'-variabelen domenet til URL-adressen, dvs. 'uk(Internett landskode toppnivådomene (ccTLD))'.
- Nå, ' passURL ”-variabelen setter sammen verdiene til URL-, geo-, bredde- og høydevariabelen for å konstruere en URL.
- Send deretter den konstruerte URL-en til det opprettede iframe-elementet.
- Til slutt, ' console.log() ”-metoden viser den konstruerte URL-en.
Trinn 3: Bekreft utdata
Det kan observeres at den konstruerte URL-en til et HTML-dokument har blitt sendt til det opprettede iframe-elementet.
Konklusjon
I JavaScript, for å sende URL-parametere til et iframe-element, må brukeren først 'opprette et eksempel iframe-element', og deretter 'konstruere en URL' ved å spesifisere dets 'bane', 'bredde', 'høyde' og 'domene' attributter. Når URL-en er konstruert, send den til det opprettede HTML-iframe-elementet. Denne veiledningen forklarte praktisk talt hele prosedyren for å sende URL-parametere til en iframe i JavaScript.