html - example - iframe javascript

Cargar enlaces iframe en la ventana principal?

Question

Tengo este código iframe:

<iframe src="http://www.example.com" border="0" framespacing="0" marginheight="0" marginwidth="0" vspace="0" hspace="0" scrolling="yes" width="100%" frameborder="0" height="100%"></iframe>

Lo que trato de hacer es ... cuando hago clic en cualquier enlace en la página del iframe ... luego iré a él y la página se cargará y saldré de la página actual al enlace del iframe como una página nueva.

Algo como target="_self" - no como el iframe normal que irá a este enlace sin ningún cambio en el navegador.

Ejemplo: iframe src: http://www.w3schools.com

Cuando hago clic en "Aprender HTML" dentro de la página iframe ... luego iré a http://www.w3schools.com/html/default.asp y la URL de mi navegador también cambiará.

Así que solo hice clic en un enlace dentro del iframe y voy a él.

¿Algunas ideas?

Answer 1

Lo que estás buscando es <a href="..." target="_parent">

_parent hará que vaya al fotograma principal

_top hará que vaya al nivel más alto.

O bien _parent o _top deberían funcionar para tu objetivo.

Answer 2

Puede usar javascript para agregar el destino a los enlaces dinámicamente, algo como esto.

function onLoadIF(frame)
{
var elements = frame.getElementsByTagName(''a''),
len = elements.length;
while( len-- ) {
elements[len].target = "_parent";
}
}

Y luego agregue onload = "onLoadIF (this)" al iframe.

Answer 3

Sí, puedes usar target="_parent" para lograr esto.

"target =" _ parent "abre el documento vinculado en el marco principal".

Ejemplo:

<a target="_parent" href="http://example.org">Click me!</a>

Editar:

Si eso no funciona, puedes probar _top :

<a target="_top" href="http://example.org">Click me!</a>

O base target :

<base target="_parent" />

O window.top.location en JavaScript:

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

Answer 4

Sí, solo agregue target="_parent" en el enlace y se carga en la página principal.

Answer 5

Si el sitio se abre en iframe, entonces redirija al sitio principal

<script>
if (window.top.location != window.self.location) {
top.window.location.href = window.self.location;
}
</script>