Tengo problemas para describir mi problema porque todavía soy un principiante en HTML y el inglés no es mi idioma nativo. Por favor, tenga paciencia conmigo.
Tengo un sitio web que tiene algo de un blog. Cada semana cambio el enlace iframe al contenido del blog, la navegación y la introducción siguen siendo las mismas.
<div class="blog"><iframe src="Blogs/REVblog20211023.html" name="myBlogFrame" scrolling="yes"></iframe</div>
Las entradas más antiguas se cargan en la misma ventana de iframe.
<a href="Blogs/REVblog20211002.html" target="myBlogFrame"><li>October 2nd<br /> <img src="blogs/Media/spacer.gif" width="100%" height="1px" alt=""/>What drives obesity?</li></a>
¿Es posible agregar algo a la URL para que se abra automáticamente un blog más antiguo?
Así: https://reversing-insulin-resistance.com/blog.html?#iframe:Blogs/REVblog20211002.html
Obviamente, habría que agregar algún código al sitio web para hacer posible el cambio automático.
Puedes. Básicamente, en la carga de la página, verifica si ese bit está allí y hace algo con él si es así. Sin embargo, usaría una consulta ( ? ) en lugar de un hash ( # ), ya que el hash generalmente se usa para enlaces de salto que el navegador puede hacer automáticamente y no necesariamente desea sobrecargarlo. (Puede hacerlo si hay una razón específica para hacerlo, pero generalmente es mejor usar una consulta en su lugar).
Si coloca su secuencia de comandos como el último elemento en su cuerpo (y el HTML no se crea dinámicamente con JavaScript), eso debería ser suficiente.
Si usa una URL que termina así: ?iframe=path/to/older.html
Entonces, es simplemente ser algo como:
const domain = 'https://example.com'; // gives "iframe=path/to/older.html" const query = location.search.slice(1); // in case you ever add more query params in the future, it's good // to process them properly // this will give an array like [["iframe", "path/to/older.html"]] const pairs = query.split('&').map(pair => pair.split('=')); // find just the iframe path // if the query isn't there, iframePath will just be undefined const [, iframePath] = pairs.find(([key]) => key === 'iframe') || []; // if we got an iframePath, assign it as the URL of your iframe if (iframePath) { document.querySelector('iframe').setAttribute('src', domain + '/' + iframePath); } Y eso debería hacer el truco. Si tiene más de un iframe en la página, querrá ajustar document.querySelector() a una selección diferente para obtener el iframe correcto. Y obviamente, configure el dominio correctamente.
Si resultan ser el mismo dominio que la página con el iframe, también podría simplemente hacer location.origin o algo así en lugar de codificarlo.