ubiquitour.com

Cómo uso iFrame que carga contenido en un DIV

DIV envases son elementos de la Página Web que se utilizan para la posición y el contenido de estilo. Se suelen usar para crear el diseño de una página Web, pero también puede cargar contenido en un contenedor DIV usando un iframe y la propiedad "innerhtml" de JavaScript. Cada elemento HTML, incluidos los contenedores DIV, tienen una propiedad "innerhtml" que se puede manipular para cambiar el contenido del elemento. Si desea cargar el contenido remoto en un contenedor DIV, puede cambiar la propiedad "innerhtml" del DIV con el contenido de un iframe.

Instrucciones

1 Abra el documento de página Web en un editor HTML o texto. Para abrir el editor de texto nativo de Windows, haga clic en el icono del documento y, a continuación, haga clic en "Abrir con". Para seleccionar "Notepad" o "WordPad" en la lista de aplicaciones, haga clic en "Aceptar".

2 Haga clic para colocar el cursor entre el "< BODY >" y etiquetas "< /body >".

3 Tipo "< div id = 'frameContainer' >< / div >" y presionar "Enter" para crear el DIV que desea utilizar para mostrar el contenido.

4 Tipo "< script tipo =" texto/javascript">" para abrir un etiqueta de secuencias de comandos JavaScript, luego presione "Enter".

5 Tipo "onload=function() {" y presionar "Enter". Esta línea de código activa la secuencia de comandos cuando la página se ha cargado.

6 Tipo "var el=document.getElementById('frameContainer')" y presionar "Enter" para obtener el DIV contenedor la propiedad ID.

7 Escriba la siguiente línea de código y presionar "Enter" para cambiar la propiedad "innerhtml" del DIV contenedor con un iframe: el.innerHTML= "< iframe src = \" & lt; / iframe > & quot "rel ="nofollow"target ="_blank"> http://www.example.com \&quot;>&lt;/iframe>&quot;

8 Reemplazar el texto "del www.example.com" en el paso anterior con la URL de la Página Web que desea cargar en el contenedor DIV.

9 Tipo "}" y pulse «Enter» para cerrar las funciones de JavaScript.

10 Tipo "< /script >" para cerrar la etiqueta de secuencias de comandos JavaScript.

11 El menú "Archivo", haga clic en "Guardar".