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>