En caso de que el usuario olvide especificarlo en el momento de la creación del iframe, se puede agregar dinámicamente después de la creación usando JavaScript.
Esta guía explica el procedimiento completo para pasar parámetros de URL a un iframe en JavaScript.
¿Cuál es el proceso para pasar parámetros de URL a un iframe en JavaScript?
Para pasar parámetros de URL a un 'Iframe', siga las instrucciones paso a paso proporcionadas.
Paso 1: Crear código HTML del elemento Iframe HTML
En primer lugar, cree un elemento 'iframe' en el código HTML con la ayuda de '
< identificación del marco flotante = 'miIframe' Frontera del marco = '1' > marco flotante >
Aquí, el elemento HTML creado tiene una identificación 'myIframe' y su estilo utiliza la propiedad 'frameborder' con valor '1'.
Paso 2: pasar el parámetro de URL al iframe creado
A continuación, siga el código JavaScript que se indica a continuación para pasar/agregar un parámetro de URL al elemento iframe creado:
< guion >dejar marco flotante = documento. obtenerElementoPorId ( 'miIframe' ) ;
dejar URL = 'onkeyup.html' ;
dejar ancho = '300' ;
dejar altura = '500' ;
dejar geo = 'Reino Unido' ;
dejar pasar URL = URL + '?geo=' + geo + '&tamaño=' + ancho + 'X' + altura ;
Marco flotante. src = URL de anuncios ;
consola. registro ( pasarURL ) ;
guion >
En las líneas de código anteriores:
- La primera variable 'Iframe' aplica el ' documento.getElementById() ”Método para acceder al elemento “iframe” creado utilizando su ID “myIframe”.
- El segundo ' URL La variable 'especifica la ruta del documento deseado que el usuario desea incrustar en el documento HTML actual a través de un iframe.
- A continuación, el “ ancho La variable 'define el ancho del elemento iframe creado y el' altura La variable 'especifica su altura.
- Después de eso, la variable 'geo' define el dominio de la URL, es decir, 'reino Unido (dominio de nivel superior del código de país de Internet (ccTLD))'.
- Ahora el ' pasarURL La variable 'concatena los valores de las variables URL, geo, ancho y alto para construir una URL.
- A continuación, pase la URL construida al elemento iframe creado.
- Por último, el “ consola.log() El método 'muestra la URL construida.
Paso 3: verificar la salida
Se puede observar que la URL construida de un documento HTML pasó exitosamente al elemento iframe creado.
Conclusión
En JavaScript, para pasar parámetros de URL a un elemento iframe, el usuario primero debe 'crear un elemento iframe de muestra' y luego 'construir una URL' especificando su 'ruta', 'ancho', 'alto' y 'dominio'. atributos. Cuando se construya la URL, pásela al elemento iframe HTML creado. Esta guía prácticamente explica el procedimiento completo para pasar parámetros de URL a un iframe en JavaScript.