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