Cómo usar iFrame para cargar contenido en un DIV

Usa un iframe para cargar contenido en un DIV.
Por chris hoke

Paso 1

Abre tu documento de la página Web en un editor de HTML o texto. Para abrirlo en un editor de texto de Windows, haz clic derecho en el ícono del documento, luego en "Abrir con", selecciona "Notepad" o "WordPad" en la lista de aplicaciones y luego haz clic en "Aceptar".


Paso 2

Haz clic para colocar el cursor entre los rótulos "<BODY>" y "</BODY>".


Paso 3

Escribe "<div id='frameContainer'></div>" y presiona "Enter" (o Intro) para crear el DIV que deseas usar para mostrar el contenido.


Paso 4

Escribe "<script type='text/javascript'>" para abrir un rótulo de script JavaScript, luego presiona "Enter".


Paso 5

Escribe "onload=function(){" y presiona "Enter". Esta línea de código activa el script cuando se carga la página Web.


Paso 6

Escribe "var el=document.getElementById('frameContainer')" y presiona "Enter" para obtener la propiedad ID del contenedor DIV.


Paso 7

Escribe la siguiente línea de código y presiona "Enter" para cambiar la propiedad "innerhtml" del contenedor DIV por un iframe: el.innerHTML="<iframe src=\"http://www.example.com\"></iframe>"


Paso 8

Cambia el texto "www.example.com" del paso anterior por la URL de la página Web que quieres cargar en el contenedor DIV.


Paso 9

Escribe "}" y presiona "Enter" para cerrar las funciones de JavaScript.


Paso 10

Escribe "</script>" para cerrar el rótulo de script de JavaScript.


Paso 11

Haz clic en el menú "Archivo" y luego en "Guardar".