【问题标题】:how to open a link in iFrame如何在 iFrame 中打开链接
【发布时间】:2011-07-20 05:52:35
【问题描述】:

这是我的代码:

<area shape="design-principles" coords="598,385,695,455" rel="lightbox" href="http://www.google.com" target="frame1"/>
<iframe name="frame1" Width="500px" Height="100px" style="overflow:hidden;">
 <p> Browser does not support iframes </p>
</iframe>

我有一张图片,我的目标是图片特定位置的onClick(因此使用了&lt;area&gt; 标签)。

问题是,http://www.google.com 没有在iframe 中打开。

另外,我希望iframe“离开”onMouseOut

【问题讨论】:

    标签: iframe lightbox area


    【解决方案1】:

    以下在 iframe 中加载 google 或 yahoo。

    <img src ="http://www.noahsanimalfigurines.com/catalog/images/cf/oce133.jpg" width="145" height="126" alt="Planets" usemap ="#planetmap" />
    <map name="planetmap">
     <area shape="rect" coords="0,0,50,50" onclick="javascript:window.open('http://www.google.com', 'frame1')"  alt="Sun" />
     <area shape="rect" coords="100,100,150,150" onclick="javascript:window.open('http://www.yahoo.com', 'frame1')"  alt="Moon" />  
    </map>
    
    <iframe name="frame1" Width="500px" Height="100px" style="overflow:hidden;">
      <p> Browswer does not support iframes </p>
    </iframe>
    

    您可以使用 jquery 显示/隐藏 iframe: How to hide a iframe upon clicking on it with Jquery

    【讨论】:

    • 您有什么理由不使用纯 html 和 target 属性来代替?
    • @NicolasModrzyk 非常感谢。
    • @jordan No. 这也有效:google.com" target="frame1" alt="Sun " /> yahoo.com" target="frame1" alt="Moon" /> 但我认为这是为 onMouseOut 引入 jquery/javascript 的好方法.
    猜你喜欢
    • 2012-08-15
    • 2022-09-23
    • 2013-07-22
    • 1970-01-01
    • 1970-01-01
    • 2010-12-14
    • 2018-01-30
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多