如何在用戶嘗試在新選項卡中打開鏈接時打開iframe中的鏈接？

我想在這裏工作一段時間，然後我終於決定將它發佈到這裏。如何在用戶嘗試在新選項卡中打開鏈接時打開iframe中的鏈接？

所以我有一個導航欄，導航欄中的每個項目都會在主頁上的iframe中打開一個鏈接。

首頁（的index.php）的所有代碼

我的導航欄：

<ul id="nav"> 

     <li style="width: 20%"> 
      <a href="home.php" target="iframe" id="navBarLeft">Home</a> 
     </li> 

     <li style="width: 30%"> 
      <a href="saleItems.php" target="iframe" >Sale Items</a> 
      <ul>      
       <li><a href="saleFlyer.php" target="iframe" id="navMid">Sale Flyer/Coupons</a></li>     
      </ul> 
     </li>    

     <li style="width: 30%"> 
      <a href="location.php" target="iframe">Store Information</a> 
     </li> 

     <li style="width: 20%"> 
      <a href="contact.php" id="navBarRight" target="iframe">Contact Us</a> 
     </li> 

</ul>

我的IFRAME：

<iframe src="home.php" name="iframe" id = "iframeID" scrolling="no"></iframe>

所以默認情況下它加載了home.php和用戶可以瀏覽導航欄中的所有鏈接，鏈接中的相應php文件將加載到iframe中。

但是，如果用戶試圖在新選項卡中打開它，頁面會顯得很奇怪，因爲它們都是爲iframe優化的。

任何方式，如果用戶嘗試在新選項卡中從導航欄中打開鏈接，它會加載index.php（我的主頁），並在iframe中加載他們試圖用新標籤打開的頁面反而出現在iframe中。

來源

2015-06-15 BaBazinga

這是不可能的 – Tuhin

不可能和非常**沒做** - 不要試圖強制用戶的不同行爲。他們已經決定他們想要在新標籤中，不要強迫你的iframe。這完全違背了用戶期望或想要的。另外，'iframes'？在這個時代？他們不會在手機上自然地工作，所以請使用它們稀疏。 – somethinghere

您可以掛在鏈接onclick，其中將是更改iframe src的代碼。

<a href="saleItems.php" onclick="document.getElementById('iframeID').src = this.getAttribute('href'); return false;" >Sale Items</a>

來源

2015-06-15 10:07:34

這確實照顧了鏈接上的中間點擊，但如果用戶右鍵單擊鏈接並在新選項卡中打開該鏈接，則仍然不會處理該選項。 – BaBazinga

如何在用戶嘗試在新選項卡中打開鏈接時打開iframe中的鏈接？

回答

相關問題