Cómo colocar elementos dentro del iframe
Varios métodos para que JS obtenga/establezca elementos de objetos y documentos en iframe
1. Específico de IE (posicionamiento de imágenes a través del índice de cuadros):
Copiar código. código de la siguiente manera:
document.frames[i].document.getElementById('ID del elemento');
2. /p>
Copia el código de la siguiente manera:
document.frames['nombre del iframe'].document.getElementById('ID del elemento');
El método anterior es No solo es aplicable para iframe, sino que también es aplicable a los marcos del conjunto de marcos. Aunque IE es bueno estableciendo sus propios estándares, debo decir que muchos de sus diseños son más humanos. Por ejemplo, este proporciona un método de escritura visual y conciso además de admitir las siguientes rutas estándar.
3. Método general:
Copia el código de la siguiente manera:
document.getElementById('iframe's ID').contentWindow.document.getElementById('element). ID')
Tenga cuidado al agregar contentWindow. A menudo ocurren problemas porque esto se pasa por alto fácilmente. Representa el objeto de ventana dentro del marco y el iframe.
JS obtiene el contenido del documento iframe
Copia el código de la siguiente manera:
Nota: El .contentDocument anterior es equivalente a .contentWindow.documento!
1. Requisitos y problemas encontrados
El diseño del marco iframe se utiliza en la gestión en segundo plano del sitio web, incluido el menú superior, la navegación izquierda y la página principal. El requisito es: hacer clic en un botón en la página principal y mostrar el enlace "Salir" en el lado derecho de la barra de menú superior. Haga clic para salir del sistema.
Mi idea es: poner un enlace invisible de "salida" en la página del menú superior. Cuando el usuario hace clic en el botón de la página principal (mainPage.htm) ubicado en el iframe, la página del menú superior "Salir". " aparece en el lado derecho de la
El problema que estoy encontrando ahora es: ¿Cómo obtener y operar los elementos HTML en otras subpáginas de iframe (como topPage.htm) en una subpágina de iframe (mainPage.htm) de la página?
2. Obtenga y opere los elementos en el iframe a través de JS para resolver el problema.
El objetivo principal aquí es operar el objeto Ventana a través de JS. El objeto Ventana representa una ventana abierta en el navegador. Si el documento contiene marcos (etiquetas de marco o iframe), el navegador crea un objeto de ventana para el documento HTML y un objeto de ventana adicional para cada marco.
Después de buscar información en Internet, encontré un método para que JS opere elementos HTML en iframes. Los ejemplos son los siguientes.
Copia el código de la siguiente manera:
function ShowExit() {
//Obtiene el objeto ventana del iframe
var topWin = window. top.document.getElementById("topNav").contentWindow;
//Manipula elementos HTML a través del objeto de ventana obtenido, que es lo mismo que una página normal
topWin .document.getElementById( "exit").style.visibility = "visible";
}
Explicación: En el primer paso, obtengalo a través de window.top.document. método getElementById ("topNav") El objeto iframe donde se encuentra la página del menú superior (topPage.htm) en el segundo paso, el objeto de ventana donde se encuentra el elemento en el iframe se obtiene a través de la propiedad contentWindow del objeto iframe obtenido; en el paso anterior; en el tercer paso, se obtiene el objeto de ventana obtenido en el paso anterior. Para operar elementos en un iframe, es lo mismo que operar elementos HTML ordinarios que no están en un iframe.