Hvis brugeren glemmer at angive det på tidspunktet for iframe-oprettelse, kan det tilføjes dynamisk efter oprettelsen ved hjælp af JavaScript.
Denne vejledning forklarer den komplette procedure til at overføre URL-parametre til en iframe i JavaScript.
Hvad er processen for at overføre URL-parametre til en iframe i JavaScript?
For at overføre URL-parametre til en 'Iframe' skal du følge de medfølgende trinvise instruktioner.
Trin 1: Opret HTML Iframe Element HTML-kode
For det første skal du oprette et 'iframe'-element i HTML-koden ved hjælp af ' ' tag:
< iframe id = 'min iframe' rammekant = '1' > iframe >
Her har det oprettede HTML-element et id 'myIframe' og er stylet med egenskaben 'frameborder' med værdien '1'.
Trin 2: Send URL-parameter til oprettet iframe
Følg derefter den nedenfor angivne JavaScript-kode for at videregive/føje en URL-parameter til det oprettede iframe-element:
< manuskript >lad iframe = dokument. getElementById ( 'min iframe' ) ;
lade URL = 'onkeyup.html' ;
lad bredde = '300' ;
lad højde = '500' ;
lad geo = 'uk' ;
lad passURL = URL + '?geo=' + geo + '&størrelse=' + bredde + 'x' + højde ;
Iframe. src = adsURL ;
konsol. log ( passURL ) ;
manuskript >
I ovenstående kodelinjer:
- Den første 'Iframe'-variabel anvender ' document.getElementById() ”-metoden for at få adgang til det oprettede “iframe”-element ved hjælp af dets id “myIframe”.
- Sekundet ' URL variabel angiver stien til det ønskede dokument, som brugeren ønsker at integrere til det aktuelle HTML-dokument gennem en iframe.
- Dernæst ' bredde variabel definerer bredden af det oprettede iframe-element og ' højde variabel angiver dens højde.
- Derefter definerer 'geo'-variablen domænet for URL'en, dvs. 'uk(Internet landekode top-level domain (ccTLD))'.
- Nu, ' passURL variabel sammensætter værdierne for URL-, geo-, bredde- og højdevariablen for at konstruere en URL.
- Send derefter den konstruerede URL til det oprettede iframe-element.
- Til sidst, ' console.log() ”-metoden viser den konstruerede URL.
Trin 3: Bekræft outputtet
Det kan observeres, at den konstruerede URL for et HTML-dokument er blevet videregivet til det oprettede iframe-element.
Konklusion
I JavaScript skal brugeren for at videregive URL-parametre til et iframe-element først 'oprette et eksempel iframe-element' og derefter 'konstruere en URL' ved at angive dets 'sti', 'bredde', 'højde' og 'domæne' egenskaber. Når URL'en er konstrueret, så send den til det oprettede HTML iframe-element. Denne vejledning forklarede praktisk talt den komplette procedure til at overføre URL-parametre til en iframe i JavaScript.