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>

当用户尝试在新标签中打开链接时，如何在iframe中打开链接？

1 个答案: