Cómo leer iFrame contenido en JavaScript

Con el método getElementById de JavaScript , los programadores pueden revisar y modificar los detalles íntimos de los objetos que componen una página Web. GetElementById accede al marco interno de la página Web , llamado el Modelo de Objetos del Documento o DOM. Un programador puede incluso acceder al contenido de los documentos dentro de los documentos , como marcos o iframes , mediante la propiedad innerHTML DOM. Por razones de seguridad , algunos navegadores no permitirán el acceso a DOM iFrames almacenados localmente en el equipo . Para asegurarse de que las secuencias de comandos funcionan en la mayoría de los navegadores web , debes subir los archivos a un servidor Web. Cosas que necesitará
- Plain text editor
acceso a un servidor Web
FTP (File Transfer Protocol) aplicación
Ver Más instrucciones
1

lanzamiento la aplicación de edición de texto sin formato que está disponible en su ordenador.
2

Escriba el siguiente código en el texto type = "text /javascript" >

IframeContent function () {

//obtener los datos de los objetos de página para el iframe con el id " myIframe "

Iframehandle var = document.getElementById ( ' myIframe ');

//obtener el texto del iframe accediendo objeto de datos de la trama

//innerHTML obtiene el contenido en lugar . que el código html

var content = Iframehandle.contentWindow.document.body.innerHTML ;

//poner el contenido del iframe en el

con el id "prueba " < . br>

document.getElementById ( "prueba" ) innerHTML = contenido;

} < /script >

< iframe id = " myIframe " src = " frame.html ">

< /iframe >

< input type = onclick = " IframeContent ()" "button" value = " Mostrar lo que está en el iframe " >

blanco < /div >

< /body>

< /html >

Página 3

Haga clic en el menú Archivo. Seleccione la opción "Guardar" . Guardar con el nombre de archivo " test.html ".

4 Haga clic en el menú Archivo. Seleccione la opción "Nuevo" . Escriba el siguiente código en la nueva ventana del editor de texto .

< /Head>

< ; body>

Este es el iframe

< /body>

< /html>
5

Haga clic en el menú Archivo. Seleccione la opción "Guardar" . Guardar con el nombre de archivo " frame.html . "
6

Inicie la aplicación FTP e iniciar sesión en el servidor Web. Cargar los archivos " test.html " y " frame.html " en el directorio raíz del servidor .
7

Haga clic en el botón "Desconectar " de la aplicación FTP.
8

lanzar un navegador web e introduzca la dirección URL adecuada para acceder al archivo de prueba. Por ejemplo , escriba:

http://yourdomainname.com/test.html

Reemplazar " yourdomainname.com " con el nombre de dominio o dirección IP del servidor Web
< . br> 9

Pulse la tecla "Enter" para cargar la URL y ejecute el archivo de prueba. Haga clic en el botón con el texto " Mostrar Contenido del iFrame " para probar el script.

Página anterior: Cómo incrustar vídeos en un pop-up con JavaScript

Página siguiente: Cómo editar una carta en Acajoom

JavaScript Programación: Cómo incrustar vídeos en un pop-up con JavaScript; Cómo comprobar el espacio en blanco para con Javascript; Cómo vincular js externos; Cómo hacer una imagen de JavaScript Rollover; Tutorial de Javascript efectos de fondo; Cómo utilizar Microsoft Script Debugger; Cómo diagnosticar problemas con javascript; Galería Javascript Tutorial

Los últimos artículos de equipo

Artículos de la popular computadora

Más categorías