javascript - 当用户尝试在新选项卡中打开链接时，如何在 iframe 中打开链接？

Question

在我最终决定将它发布在这里之前，我尝试了一段时间让它工作。

所以我有一个导航栏，导航栏中的每个元素都会在主页上的 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 中。

Answer 1

你可以卡在链接上onclick，里面是改变iframe src的代码。

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