Javascript 当用户试图在新选项卡中打开链接时,如何打开iframe内部的链接?
在我最终决定将其发布到这里之前,我正在尝试一段时间让它工作 所以我有一个导航栏,导航栏中的每个项目都会在我主页上的iframe中打开一个链接 Homepage index.php包含所有这些代码 我的导航栏: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>
<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?在这个时代?他们没有;在手机上不能正常工作,所以要少用。这确实可以解决在链接上点击鼠标中键的问题,但如果用户右键单击链接并在新选项卡中打开链接,则仍然无法解决此问题。