Redireccionar ventana principal desde una acción de iframe

312

¿Qué JavaScript necesito usar para redirigir una ventana principal desde un iframe?

Quiero que hagan clic en un hipervínculo que, mediante JavaScript o cualquier otro método, redirija la ventana principal a una nueva URL.

javascript iframe dhtml

— Haga clic en Upvote
fuente

55

La ventana principal , en sí misma, también podría ser un IFrame. Como la respuesta aceptada se dirige a la ventana superior , le sugiero que cambie su pregunta un poco.

— Ron Klein

521

window.top.location.href = "http://www.example.com";

Como se indicó anteriormente, redirigirá el iframe principal.

— MIP
fuente

No creo que la misma política de origen se aplique aquí. Tiene sentido que pueda separar su sitio del iframe de otra persona.

— Brian McAuliffe el

1

En Chrome, @Parris jsfiddle arroja este error: JavaScript no seguro intenta iniciar la navegación para el marco con la URL ' jsfiddle.net/ppkzS ' desde el marco con la URL ' parrisstudios.com/tests/iframe_redirect.html '. El marco que intenta la navegación de la ventana de nivel superior está aislado, pero el indicador 'permitir-navegación superior' no está establecido.

— Bjarte Aune Olsen

1

@BjarteAuneOlsen interesante, podría ser un cambio reciente en Chrome o webkit. Definitivamente estaba funcionando anteriormente. Han pasado un par de años :). Además, la respuesta solía indicar que se aplicaba la misma política de origen, que anteriormente hacía que la respuesta fuera incorrecta, pero ahora la corrige y mi comentario es incorrecto -_-.

— Parris

44

@BjarteAuneOlsen: creo que esto se debe a que los Iframes en JSFiddle están deliberadamente protegidos, por lo que han negado explícitamente ciertas características (como la redirección, etc.): existe el peligro de que use JS para navegar lejos de JS Fiddle y perder su trabajo. ..

— Zhaph - Ben Duguid

12

Los errores que las personas están encontrando aquí se deben a un nuevo atributo HTML5 para iframes llamado " sandbox" - developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe El sandboxatributo impide que JavaScript realice ciertas acciones dentro de un iframe basado en una lista blanca dada de acciones permitidas. La allow-top-navigationpropiedad es una de las acciones que puede habilitar en la lista blanca, lo que permite que este código funcione. Si el sandboxatributo es abscent, se permiten todas las acciones. Si está presente y una cadena vacía, se deniegan todas las acciones.

— Marcus Harrison

115

Descubrí que eso <a href="..." target="_top">link</a>también funciona

— Haga clic en Upvote
fuente

77

Si bien la respuesta seleccionada es correcta, creo que esta es una mejor respuesta para la intención de la pregunta. Además, funcionará para las personas que tienen JS deshabilitado.

— Michael - ¿Dónde está Clay Shirky?

Estoy de acuerdo en que esta es la mejor solución, pero el OP solicitó específicamente JavaScript. Por otro lado, OP especificó que debería activarse a través de un ancla: no puedo ver un escenario en el que uno se vea obligado a usar JavaScript desde una etiqueta de ancla para lograr el resultado deseado, por lo tanto, la pregunta es engañosa.

— nocarrier

2

Tan simple y elegante. Funciona como encanto :)

— Yash

54

window.top.location.href = "http://example.com";

window.top se refiere al objeto de ventana de la página en la parte superior de la jerarquía de marcos.

— Luca Matteis
fuente

99

La propiedad window.top.location.href no se puede actualizar desde Iframe, arroja el acceso denegado de ejecución. Solo se puede ejecutar cuando está probando en localhost

— Muhammad Ummar

44

@Ummar: Agregaría que esto funciona cuando el padre y el iframe tienen el mismo dominio, el mismo puerto (las mismas políticas de origen), arroja una excepción de acceso denegado cuando son diferentes, para evitar violaciones de seguridad

— Quan Mai

55

@Ummar que no es cierto, jsfiddle.net/ppkzS como prueba. Puede cambiar window.top.location.href. Simplemente no puedes leerlo. Funciona en cromo.

— Parris

Gran jsfiddle @Parris, eso lo resuelve para mí :)

— Max Williams

2

Sospecho que algunos de los escépticos pueden haber intentado algo como esto dentro del iframe: window.top.location.href = window.top.location.href ;

— mjj1409

15

o una alternativa es la siguiente (usando el objeto del documento)

parent.document.location.href = "http://example.com";

— Rojo real.
fuente

55

Esa solución es específica de Firefox. Uno solo debe usar parent.location.href = .... developer.mozilla.org/en/document.location

— kay - SE is evil

15

target="_parent"funcionó muy bien para mí fácil y sin problemas!

— rDroid
fuente

Estos parecen funcionar muy bien. ¿Hay alguna desventaja al usar este método en lugar de Javascript?

— flyingL123

No que yo sepa. COMPARTE si descubre algo.

— rDroid

7

@MIP tiene razón, pero con las versiones más nuevas de Safari, deberá agregar el atributo sandbox (HTML5) para dar acceso de redireccionamiento al iFrame. Hay algunos valores específicos que se pueden agregar con un espacio entre ellos.

Referencia (deberá desplazarse): https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe

Ex:

<iframe sandbox="allow-top-navigation" src="http://google.com/"></iframe>

— Raymond B
fuente

Tenga en cuenta que el sandboxatributo habilita un conjunto adicional de restricciones para el contenido en <iframe>. El valor de la sandboxpropiedad elimina restricciones particulares. Así que ten cuidado con el uso de esta función. w3schools.com/tags/att_iframe_sandbox.asp

— gitaarik

3

Esto resolverá la miseria.

<script>parent.location='http://google.com';</script>

— Ali Haris
fuente

3

Si desea redirigir a otro dominio sin que el usuario tenga que hacer nada, puede usar un enlace con la propiedad:

target="_parent"

como se dijo anteriormente, y luego use:

document.getElementById('link').click();

para que se redirija automáticamente.

Ejemplo:

<!DOCTYPE HTML>

<html>

<head>

</head>

<body>

<a id="link" target="_parent" href="outsideDomain.html"></a>

<script type="text/javascript">
    document.getElementById('link').click();
</script>

</body>

</html>

Nota: El comando click () de JavaScript debe aparecer después de que declare el enlace.

— Tom Burris
fuente

1

Es posible redirigir desde un iframe, pero no obtener información del padre.

— Joris Kok
fuente

0

Intenta usar

window.parent.window.location.href = 'http://google.com'

— Chirag Gohel
fuente

Versión simple: parent.window.location = '<URL>';

— shasi kanth

1

o más simplificado:parent.location = 'url'

— parrilla

0

window.top.location.href = 'index.html';

Esto redirigirá la ventana principal a la página de índice. Gracias

— dnts2012
fuente

Duplicado de esta respuesta de casi 5 años antes.

— Michael - ¿Dónde está Clay Shirky?

-2

Tenemos que usar window.top.location.href para redirigir la ventana principal desde una acción de iframe.

URL de demostración :

— Faizal
fuente

1

¿Quienes somos nosotros? :) ¿Podría escribir las partes esenciales de la URL en la respuesta por favor? Las URL / enlaces pueden cambiar o eliminarse.

— YesThatIsMyName

-8

Redireccionar iframe en la ventana principal por iframe en el mismo padre:

window.parent.document.getElementById("content").src = "content.aspx?id=12";

— mohamed moren3
fuente