Ändern iframe src von url

Question

Ich habe eine typische Website mit einer Menüleiste und einige Registerkarten. Auf der Unterseite befindet sich ein Iframe, in dem der Hauptinhalt angezeigt wird. Wenn auf eine Registerkarte geklickt wird, wird der Iframe als Ziel zum Ändern der Seite verwendet.

Gibt es eine Möglichkeit, den Iframe über die URL der Hauptseite umzuleiten? Gerade jetzt, wenn ich durch die Site navigiere, ändert sich die URL nie, aber es wäre schön, eine direkte Verbindung zu einer Seite zu haben.

Ich bin offen für Dinge zu ändern, vielleicht habe ich es nicht den besten Weg eingerichtet. Es wäre auch schön, möglichst keine JavaScript-Lösungen zu verwenden.

Answer 1

Sie können auf die URL mit window.location zugreifen.

Zum Beispiel:

if(window.location.pathname == "/profile"){ 
    document.getElementById("iframe").src = "./profile.html"; 
} 

Answer 2

ich landete mit window.addEventListener('popstate', function(event)) Überblick über Änderungen an der URL zu halten und location.hash den Hash zu erhalten, den Eingang in ihm war.

Ich musste auch iframe.contentWindow.location.replace(newPage.html) verwenden, um sicherzustellen, dass das Hin- und Zurückgehen funktioniert.