schools example ejemplo bootstrap html iframe

html - example - iframe javascript



Cargar enlaces iframe en la ventana principal? (5)

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?


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.


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.


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";


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


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>