Nel caso in cui l'utente si dimentichi di specificarlo al momento della creazione dell'iframe, è possibile aggiungerlo dinamicamente dopo la creazione utilizzando JavaScript.
Questa guida spiega la procedura completa per passare i parametri URL a un iframe in JavaScript.
Qual è il processo per passare i parametri URL a un iframe in JavaScript?
Per passare i parametri URL a un 'Iframe' seguire le istruzioni dettagliate fornite.
Passaggio 1: crea il codice HTML dell'elemento Iframe HTML
Innanzitutto, crea un elemento 'iframe' nel codice HTML con l'aiuto del comando ' ' etichetta:
< ID iframe = 'mioIframe' frameborder = '1' > iFrame >
Qui l'elemento HTML creato ha un ID 'myIframe' e ha uno stile utilizzando la proprietà 'frameborder' con valore '1'.
Passaggio 2: passa il parametro URL all'iframe creato
Successivamente, segui il codice JavaScript indicato di seguito per passare/aggiungere un parametro URL all'elemento iframe creato:
< sceneggiatura >lascia che Iframe = documento. getElementById ( 'mioIframe' ) ;
permettere URL = 'onkeyup.html' ;
lasciamo la larghezza = '300' ;
lasciamo l'altezza = '500' ;
lascia che geo = 'UK' ;
lascia passareURL = URL + '?geo=' + geografico + '&dimensione=' + larghezza + 'X' + altezza ;
Iframe. src = adsURL ;
consolle. tronco d'albero ( passURL ) ;
sceneggiatura >
Nelle righe di codice sopra:
- La prima variabile 'Iframe' applica il ' document.getElementById() ' per accedere all'elemento 'iframe' creato utilizzando il suo ID 'myIframe'.
- Il secondo ' URL La variabile ' specifica il percorso del documento desiderato che l'utente desidera incorporare nel documento HTML corrente tramite un iframe.
- Successivamente, il “ larghezza La variabile ' definisce la larghezza dell'elemento iframe creato e la variabile ' altezza La variabile 'specifica la sua altezza.
- Successivamente, la variabile 'geo' definisce il dominio dell'URL, ovvero 'uk(dominio di primo livello del codice paese Internet (ccTLD))'.
- Ora il ' passURL ' concatena i valori delle variabili URL, geo, larghezza e altezza per costruire un URL.
- Successivamente, passa l'URL costruito all'elemento iframe creato.
- Infine, il “ console.log() ' metodo visualizza l'URL costruito.
Passaggio 3: verificare l'output
Si può osservare che l'URL costruito di un documento HTML è passato con successo all'elemento iframe creato.
Conclusione
In JavaScript, per passare i parametri URL a un elemento iframe, l'utente deve prima 'creare un elemento iframe di esempio', quindi 'costruire un URL' specificandone 'percorso', 'larghezza', 'altezza' e 'dominio' attributi. Quando l'URL viene costruito, passalo all'elemento iframe HTML creato. Questa guida spiega praticamente la procedura completa per passare i parametri URL a un iframe in JavaScript.