“Conocimiento Programación>JavaScript Programación

Cómo leer iFrame contenido en JavaScript

2013/11/4
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.

JavaScript Programación
Cómo cambiar el cursor del ratón con jQuery
Cómo ejecutar un reloj en una página web mediante Javascript
Cómo conseguir un Modal jQuery para ver
¿Por qué JavaScript no es la programación del lado del servidor?
Cómo establecer el ancho y el alto de un iFrame
Cómo hacer un DIV Visible con un desplazamiento de JavaScript
Cómo conseguir un atributo de JavaScript
Cómo instalar el Java Script en un PC
Conocimiento de la computadora © http://www.ordenador.online