Estoy haciendo una aplicación de una sola página usando la función de inyección:
<html> <body> <a href="javascript:injector('../../url1')"> link1 </a> <a href="javascript:injector('../../url2')"> link2 </a> <iframe id="iframe" width="100%" src=""></iframe> </body> </html> <script> function injector(url) { window.parent.document.getElementById("iframe").src = url; } </script>Hay 2 URL en este ejemplo simple. Puedo guardar el que se ha hecho clic en el almacenamiento local. Pero:
aquí, cada vez que haga clic en el enlace, se cargará la URL en iframe y cuando lo haga, se cargará desde el almacenamiento local.
<html> <body> <a href="javascript:injector('https://merolagani.com/')"> link1 </a> <a href="javascript:injector('https://bizmandu.com/')"> link2 </a> <iframe id="iframe" width="100%" src=""></iframe> </body> </html> <script> var iframe = document.querySelector('iframe#iframe'); iframe.src=localStorage.getItem('url'); function injector(url) { iframe.src = url; localStorage.setItem('url',url); } </script>