通過url更改iframe src

Question

我有一個帶有菜單欄和一些選項卡的典型網站。底部是一個顯示主要內容的iframe。點擊標籤後，它會使用iframe作爲目標來更改頁面。

有沒有辦法通過主頁面的URL來重定向iframe？現在，當我瀏覽網站時，url永遠不會改變，但有一種方式可以直接鏈接到頁面，這將是很好的選擇。

我很樂意改變周圍的事物，也許我沒有把它設置成最好的方式。如果可能的話，避免使用任何JavaScript解決方案也會很好。

Answer 1

您可以通過window.location訪問網址。

例如：

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

Answer 2

我結束了使用window.addEventListener('popstate', function(event))跟蹤的url和location.hash的變化來獲得，這是輸入其中的哈希值。我也不得不使用iframe.contentWindow.location.replace(newPage.html)來確保前後移動正常。