Lectura recomendada:
Cómo resolver el problema de la carga lenta de JS iframe
En el proyecto, a menudo necesita agregar dinámicamente iFrames y luego realizar operaciones relacionadas en los iframes agregados. A menudo, el código posterior se ha ejecutado antes de que se agregue el iframe, por lo que algunas cosas que escribe no se muestran en absoluto. En este momento, tenemos que considerar si podemos esperar hasta que se cargue el iframe antes de realizar las operaciones posteriores. Por supuesto, varios navegadores lo han considerado durante mucho tiempo para nosotros, ver más abajo:
es decir, navegador
Cada nodo ELEM en IE tendrá un evento OnreadyStateChange. Este evento se activa cada vez que se envía el contenido de Elem para cambiar. Por ejemplo, el contenido se carga y se carga después de cargar el contenido. El contenido se carga correctamente se activará. Esta función también debe coordinar con ReadyState. Esta es una propiedad propiedad de cada ELEM en IE para ver el estado de cada disparador.
// Primero agregue un onreadystateChangeiFrame.attachevent ("onreadyStateChange", function () {// Este evento también se activará cuando el contenido no esté cargado, por lo que necesitamos juzgar el estado // a veces es extraño y listos "Cargado") {// El código se puede ejecutar aquí y significa que la carga se ha completado con éxito // el evento iframe.detachevent ("onreadyStateChange", argumentos.callee); // Esta es la función de devolución de llamada}});Otros navegadores (Firefox, Opera, Chrome, etc.)
En otros navegadores no II, Firefox, Opera, Chrome y otros iframes tendrán un evento de encendido. Mientras se active este evento, significa que el contenido de nombre se ha cargado.
iFrame.AdDeventListener ("Load", function () {// El código se puede ejecutar aquí y significa que la carga se ha completado con éxito. this.removeEventListener ("load", argumentos.call, falso); // Esta es la función de devolución de llamada}, falso);Resumimos
if (iframe.attachevent) {iframe.attachevent ("onreadyStateChange", function () {// Este evento también se activará cuando el contenido no está cargado, por lo que necesitamos juzgar el estado // a veces es extraño y listos {// El código se puede ejecutar aquí y significa que la carga se ha completado con éxito // el evento iframe.detachevent ("onreadyStateChange", argumentos.callee); // Esta es la función de devolución de llamada}});} else {iFrame.addeventListener ("cargar", function () {// El código se puede ejecutar aquí y se ha completado. This.removeEventListener ("Load", Arguments.call, false); // Esta es la función de devolución de llamada}, falso);}NOTA: La función anterior debe colocarse después de que el nombre de iframe se apaga al cuerpo, de lo contrario no se activará.
El contenido anterior es el método de JS para determinar si un iframe es cargado con éxito por el editor. ¡Espero que sea útil para todos!