Tengo una página web con un IFrame y un botón, una vez que se presiona el botón, necesito que se actualice el IFrame. ¿Es esto posible? Si es así, ¿cómo? Busqué y no pude encontrar ninguna respuesta.
javascript
iframe
Elitmiar
fuente
fuente
Respuestas:
fuente
Version 24.0.1312.56 Ubuntu 12.04 (24.0.1312.56-0ubuntu0.12.04.1)
var tmp_src = iframe.src; iframe.src = ''; iframe.src = tmp_src;
document.getElementById('frame_id').contentDocument.location.reload(true);
Esto debería ayudar:
EDITAR: Se corrigió el nombre del objeto según el comentario de @ Joro.
fuente
reload(true)
que utilizaría la siguiente:document.getElementById('FrameID').contentWindow.location.replace(new_url);
siempre que el iframe se cargue desde el mismo dominio, puede hacer esto, lo que tiene un poco más de sentido:
fuente
Funciona para IE, Mozzila, Chrome
fuente
Puedes usar este método simple
fuente
Tengo esto de aqui
fuente
2017:
Si está en el mismo dominio, simplemente:
trabajará.
fuente
Aquí está el fragmento de HTML:
Y mi código Javascript:
fuente
Restableciendo el atributo src directamente:
Restableciendo el src con una marca de tiempo para la prevención de caché:
Borrar el src cuando la opción de cadenas de consulta no es posible (URI de datos):
fuente
Si usa rutas hash (como mywebsite.com/#/my/url) que podrían no actualizar los marcos al cambiar el hash:
Desafortunadamente, si no usa el tiempo de espera, JS puede intentar reemplazar el marco antes de que la página haya terminado de cargar el contenido (cargando así el contenido antiguo). Todavía no estoy seguro de la solución.
fuente
Si tiene varios iFrames dentro de la página, este script puede resultarle útil. Supongo que hay un valor específico en la fuente de iFrame que se puede usar para encontrar el iFrame específico.
Reemplace "/ yourSource" con el valor que necesita.
fuente
Si la URL de su iframe no cambia, puede simplemente volver a crearla.
Si su iframe no es del mismo origen (esquema de protocolo, nombre de host y puerto), no podrá conocer la URL actual en el iframe, por lo que necesitará un script en el documento iframe para intercambiar mensajes con su ventana principal ( la ventana de la página).
En el documento iframe:
En tu pagina:
fuente
Puedes usar esto:
Js:
HTML:
JS Fiddle: https://jsfiddle.net/wpb20vzx/
fuente