Onclick加載頁面，然後更改加載頁面上的iframe源碼

Question

這是我在這裏的第一個問題，所以請耐心等待，如果我沒有在這裏獲得所有的細節，我會道歉，但我會盡量詳細和具體儘可能。

我正在建立一個網站，並希望能夠點擊導航欄中的鏈接，然後當你點擊這個鏈接它會href到主索引頁面，同時改變iframe的來源在該索引頁上。我希望這是我想要做的清楚的想法？原因是因爲，如下所示，社區頁面會有一個完全不同的頁面，但是網站的其他部分將直接從索引頁面託管，但會加載到該頁面的主iframe中。這裏的導航（這個我試過，但不工作），這可能會使我想要做的更加清晰

div class="navbar"><!--start nav--> 
<div class="nbutton"><a onclick="location.href='index.html'" href="home.html" target="mainframe">Home</a></div> 
    <div class="nbutton"><a onclick="location.href='forum.html'" href="forum/" target="forumframe">Community</a></div> 
<div class="nbutton"><a onclick="location.href='index.html'" href="events.html" target="mainframe">Events</a></div> 
<div class="nbutton"><a onclick="location.href='index.html'" href="sponsors.html" target="mainframe">Sponsors</a></div> 
<div class="nbutton"><a onclick="location.href='index.html'" href="gallery.html" target="mainframe">Gallery</a></div> 
<div class="nbutton"><a onclick="location.href='index.html'" href="streams.html" target="mainframe">Streams</a></div> 

的Iframe上index.html頁面代碼：

<iframe name="mainframe" width="700" height="600" src="images/randoms/iframetest.jpg" frameborder="1" allowFullScreen="" style="background:transparent;text-align:center;"></iframe> 

的Iframe上forum.html網頁代碼：

<iframe name="forumframe" width="960" height="1200" src="forum/" frameborder="0" allowFullScreen=""></iframe> 

我希望這將使它更容易看到我什麼TR y與它做？

當我點擊除論壇鏈接以外的任何鏈接iframe將不會加載，但是，然後再次，forum.html上的iframe被設置爲加載「forum /」位置，所以它並不真的需要toclick事件它只是爲了統一我猜。

所以我在尋找什麼做總結例如：

請點擊「主頁」將加載那麼index.html改變IFRAME來源的index.html爲「/home.html」的 點擊「活動「會加載index.html，然後將index.html上的iframe源更改爲」events.html「

我希望這有意義嗎？

任何幫助，非常感謝！對不起所有的奶蛋烘餅，只是想盡可能多地獲取信息。任何進一步的細節請問，我會盡力澄清我已經錯過或不明確的任何事情。

非常感謝！

Answer 1

您可以將index.html?subpage=home.html作爲主頁面的URL並使用JavaScript讀取參數subpage來設置框架的頁面。

您可以使用下面的代碼來讀取URL參數。從this answer解禁：

var QueryString = function() { 
    // This function is anonymous, is executed immediately and 
    // the return value is assigned to QueryString! 
    var query_string = {}; 
    var query = window.location.search.substring(1); 
    var vars = query.split("&"); 
    for (var i=0;i<vars.length;i++) { 
    var pair = vars[i].split("="); 
     // If first entry with this name 
    if (typeof query_string[pair[0]] === "undefined") { 
     query_string[pair[0]] = pair[1]; 
     // If second entry with this name 
    } else if (typeof query_string[pair[0]] === "string") { 
     var arr = [ query_string[pair[0]], pair[1] ]; 
     query_string[pair[0]] = arr; 
     // If third or later entry with this name 
    } else { 
     query_string[pair[0]].push(pair[1]); 
    } 
    } 
    return query_string; 
}(); 

然後，您可以訪問QueryString.c