ubiquitour.com

Cómo leer iFrame contenido en JavaScript

Con el método de JavaScript getElementById, programadores pueden inspeccionar y modificar los detalles íntimos de los objetos que componen una página Web. GetElementById acceda el marco interno de la Página Web, llamado Document Object Model o Dom Un programador puede incluso acceder al contenido de los documentos dentro de los documentos, como marcos o iFrames, utilizando la propiedad innerHTML de DOM. Por razones de seguridad, algunos navegadores no permitirá acceso DOM a los iFrames almacenado localmente en su equipo. Para asegurarse de que las secuencias de comandos funcionan en la mayoría de los navegadores Web, deben subir los archivos a un servidor Web.

Instrucciones

1 Inicie la aplicación de editor de texto plano que está disponible en su computadora.

2 Introduzca el código siguiente en el editor de texto.

< html >

< head >

< html >

< head >

< /HEAD >

< cuerpo >

< script tipo = "texto/javascript" >

función IframeContent()

{

// get the page object data for the iframe with the id "myIframe"

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

// get the text from the iframe by accessing the frame's data object.

//innerHTML gets the contents rather than the html code

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

colocar el contenido del iframe en el < div > con la "prueba" de identificación

document.getElementById('test').innerHTML = contenido;

}

< /script >

< iframe id = "myIframe" onclick="IframeContent()" valor = "Mostrar en el iframe" >

< div id = "prueba" > en blanco < / div >

< /body >

< / html >

3 Haga clic en el menú archivo. Seleccione la opción "Guardar". Guardar bajo 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.

< html >

< head >

< /HEAD >

< cuerpo >

Este es el iframe

< /body >

< / html >

5 Haga clic en el menú archivo. Seleccione la opción "Guardar". Guardar bajo el nombre de archivo "frame.html."

6 Iniciar la aplicación FTP y acceder al servidor Web. Subir los archivos "test.html" y "frame.html" al directorio raíz del servidor.

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

8 Abra el navegador Web y escriba la dirección URL apropiada para acceder al archivo de prueba. Por ejemplo, escriba:

http://yourDomainName.com/test.html

Reemplace "yourdomainname.com" con el nombre de dominio o dirección IP del servidor Web.

9 Presione la tecla "Enter" para cargar la URL y ejecutar el archivo de prueba. Haga clic en el botón con el texto "Mostrar lo que es en el iFrame" para probar el script.

Consejos y advertencias

  • Puede crear un entorno de servidor Web en tu propio ordenador descargando e instalando XAMPP o EasyPHP. Ambos paquetes automáticamente instalar y configurar el servidor Web Apache, lenguaje PHP, base de datos MySQL y un servidor FTP. EasyPHP es para sistemas operativos de Windows XAMPP funciona en sistemas Windows, Mac OS X y Linux. Estos paquetes le permiten probar tus scripts sin tener que ir a través de guardar, cargar, prueba, guardar, volver a subir y ciclo de pruebas. Además, XAMPP y EasyPHP no realizar ningún cambio permanente en su sistema. Si decides que ya no los necesite, puede ser desinstalados fácilmente.
  • Cada uno de los principales navegadores Web puede ejecutar código JavaScript válido diferente o no. Incluso diversas versiones del mismo navegador diferente a veces ejecutan el mismo código. Los navegadores más modernos cuentan con informe de errores de JavaScript y depurar servicios públicos instalados o disponibles como add-ons, plugins o extensiones que pueden ayudar a desarrollar el código de trabajo. Siempre pruebe el código en diferentes navegadores y versiones anteriores del mismo navegador para asegurar que el código funciona como se espera.