Como puede ver si ejecuta el fragmento de código. Verá el hipervínculo "openstreetmap".
Si haces clic en él. abrirá un nuevo documento con una ruta URL diferente en el nivel del navegador. Quiero obtener esta nueva "URL"/"ruta"/documento dentro de la etiqueta iframe.
He estado tratando de encontrar una solución en muchos lugares. ¡pero parece una misión imposible!
¿Puede algún tipo valiente ayudarme a hacer algo de magia en js / jquery? Estaba intentando con el atributo sandbox para evitar la navegación superior. pero parece que nada funciona.
¡Gracias!
<iframe src="https://www.openstreetmap.org/export/embed.html?bbox=-0.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&layer=mapnik"> </iframe>El objetivo de <a> debe tener el nombre del <iframe> :
<p><a href="https://www.openstreetmap.org/export/embed.html?bbox=-0.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&layer=mapnik" target="map">Open map</a></p> <iframe name="map"></iframe>También puedes usar JavaScript:
document.querySelector('a').addEventListener('click', e => { e.preventDefault(); document.querySelector('iframe').src = e.target.href; }); <p><a href="https://www.openstreetmap.org/export/embed.html?bbox=-0.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&layer=mapnik">Open map</a></p> <iframe></iframe>