JSP 透過導航欄連結控制 iframe 顯示內容

實作範例

<!-- 導航欄 -->
<ul class="nav">
  <li><a href="page1.jsp" target="mainFrame">頁面一</a></li>
  <li><a href="page2.jsp" target="mainFrame">頁面二</a></li>
</ul>

<!-- 內容區 -->
<iframe name="mainFrame" src="page1.jsp" width="100%" height="500" frameborder="0"></iframe>

補充說明

• iframe name="mainFrame" 等同於 id="mainFrame" 但 **target 只認 name**。
• 若需動態切換，JS 也可：document.getElementById('myIframe').src = 'new.jsp';。
• 跨域 iframe 受同源策略限制，無法在父頁操作子頁 DOM。