Cómo usar iFrame para cargar contenido en un DIV

Por chris hoke
Usa un iframe para cargar contenido en un DIV.
Comstock/Comstock/Getty Images

Los contenedores DIV son elementos de una página Web que se utilizan para ubicar y diseñar contenido. Por lo general se usan para crear el diseño de una página Web, pero también puedes cargar contenido en un contenedor DIV usando un iframe y la propiedad "innerhtml" de JavaScript. Cada elemento HTML, incluyendo los contenedores DIV, tienen una propiedad "innerhtml" que puedes manipular para cambiar el contenido del elemento. Si quieres cargar contenido remoto en tu contenedor DIV puedes cambiar la propiedad "innerhtml" del DIV con los contenidos de un iframe.

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 "" y "".

Paso 3

Escribe "

" y presiona "Enter" (o Intro) para crear el DIV que deseas usar para mostrar el contenido.

Paso 4

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

Paso 11

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