Javascript 当用户试图在新选项卡中打开链接时,如何打开iframe内部的链接?

Javascript 当用户试图在新选项卡中打开链接时,如何打开iframe内部的链接?,javascript,html,css,Javascript,Html,Css,在我最终决定将其发布到这里之前,我正在尝试一段时间让它工作 所以我有一个导航栏,导航栏中的每个项目都会在我主页上的iframe中打开一个链接 Homepage index.php包含所有这些代码 我的导航栏: <ul id="nav"> <li style="width: 20%"> <a href="home.php" target="iframe" id="navBarLeft">Home</a>

在我最终决定将其发布到这里之前,我正在尝试一段时间让它工作

所以我有一个导航栏,导航栏中的每个项目都会在我主页上的iframe中打开一个链接

Homepage 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中。

您可以单击链接,其中将显示更改iframe src的代码

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

这是不可能的,而且还没有做到——不要试图强迫用户做出不同的行为。他们已经决定要在新的标签中添加,不要强迫他们使用iframe。这完全违背了用户的期望。还有,iframes?在这个时代?他们没有;在手机上不能正常工作,所以要少用。这确实可以解决在链接上点击鼠标中键的问题,但如果用户右键单击链接并在新选项卡中打开链接,则仍然无法解决此问题。