2016-03-27 33 views
0

我正在使用base標籤和iframe標籤,我想知道如何限制在iframe中打開的某些鏈接。如何將基本標籤限制爲某些超鏈接

例如,我有一個菜單面板,當點擊菜單鏈接時,在iframe中顯示所需的頁面。

<div class="start"> 
    <h1 class="start">Geek Box <img src="box_icon.png" alt="Box width=" 40" height="40"></h1> 
    <hr /> 
</div> 
<div class="table"> 
    <table class="table" border="1" align="center"> 
     <tr> 
      <td> 
       <a href="index.html">Home</a> 
      </td> 
      <td><a href="Chart.html">Tech Charts</a></td> 
      <td><a href="Video.html">Videos</a></td> 
      <td><a href="About Me.html">About Me</a></td> 
     </tr> 
    </table> 
</div> 
<hr /> 
<br /> 

<div> 
    <table border="1" width=100% height="500px" style="text-align:center"> 
     <tr> 
      <td width="25%"><a href="phone.html">Smart Phones</a></td> 
      <td width="25%"><a href="laptop.html">Laptops</a></td> 
      <td width="25%"><a href="Desktop.html">Dektops</a></td> 
      <td width="25%"><a href="Tablets.html">Tablets</a></td> 
     </tr> 
     <base target='display' /> 
     <tr><td colspan="4"><iframe name="display" frameborder=0 width="100%" height="500px" /> </td></tr> 
    </table> 
</div> 
+0

我有一個很難理解你想要做什麼......你要防止出現在你打開的iframe的鏈接或防止打開你的iframe鏈接... ? 「基準標籤」在這裏意味着什麼......? – webeno

+0

即時嘗試阻止出現在iframe中的鏈接。 –

+0

什麼是「基本標籤」? – webeno

回答

0

如果我理解正確的話,你想某些頁面中iframe打開,和其他人無論是在同一個窗口或另一個(或任何其他方式),即。 而不是iftame

因爲......

的HTML <base>元素指定的基本URL用於包含在文檔中的所有相對URL這不會使用您的示例base標籤工作。

...也

只能有一個<base>文檔中的元素。

...所以使用另一個base標記不會使它按照您想要的方式工作。

相反,您必須擺脫base標記,並將target屬性添加到您想要出現在iframe中的每個鏈接。所以假設你只想在iframe中打開「子菜單」(至少它們看起來像是電話,筆記本電腦等),我建議你將你的代碼改爲:

<div> 
    <table border="1" width=100% height="500px" style="text-align:center"> 
     <tr> 
      <td width="25%"><a href="phone.html" target='display'>Smart Phones</a></td> 
      <td width="25%"><a href="laptop.html" target='display'>Laptops</a></td> 
      <td width="25%"><a href="Desktop.html" target='display'>Dektops</a></td> 
      <td width="25%"><a href="Tablets.html" target='display'>Tablets</a></td> 
     </tr> 
     <!-- Notice I have removed the 'base' tag! --> 
     <tr><td colspan="4"><iframe name="display" frameborder=0 width="100%" height="500px" /> </td></tr> 
    </table> 
</div> 

...並且您可以保留其餘代碼不變。

引用來源:<base - HTML | MDN

+0

謝謝,這可以幫助很多 –

+0

不要猶豫,接受這是正確的答案(投票按鈕旁邊的灰色複選標記),或者甚至投票,如果你覺得它;) – webeno

相關問題