通过url更改iframe src

Question

我有一个典型的网站，有一个菜单栏和一些标签。底部是iframe，显示主要内容。单击选项卡时，它会使用iframe作为目标来更改页面。

有没有办法通过主页面的网址重定向iframe？现在当我浏览网站时，网址永远不会改变，但是有一种方法可以直接链接到页面。

我愿意改变一切，也许我没有把它设置得最好。如果可能的话，避免使用任何JavaScript解决方案也是很好的。

Answer 1

您可以使用window.location访问该网址。

例如：

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

Answer 2

我最终使用window.addEventListener('popstate', function(event))来跟踪网址和location.hash上的更改，以获取其中输入的哈希值。

我还必须使用iframe.contentWindow.location.replace(newPage.html)来确保前后工作正常。