【问题标题】:How to open anchor in a modal window, not a new tab如何在模式窗口中打开锚点,而不是新选项卡
【发布时间】:2017-06-24 15:53:39
【问题描述】:

This site 演示社交分享代码,例如“分享到 Facebook”。在这里,单击左侧的链接将在模式窗口中打开共享。他们的代码:

<!-- Facebook -->
<a href="http://www.facebook.com/sharer.php?u=https://simplesharebuttons.com" target="_blank">
    <img src="https://simplesharebuttons.com/images/somacro/facebook.png" alt="Facebook" />
</a> 

我想要类似的效果,我有以下anchor,但这会在新标签页中打开。我希望它在模态窗口中打开:

<a href="http://www.facebook.com/sharer.php?u=http://www.idybrand.com/" title="Share on Facebook" target="_blank" >
    <img alt="Share on Facebook" width="40" height="40" src="img/social_media/facebook.svg">
</a>

请问我该如何实现?可能使用引导程序?

【问题讨论】:

    标签: javascript hyperlink anchor modal-window


    【解决方案1】:

    用这个替换你的代码::

    <a href="http://www.facebook.com/sharer.php?u=http://www.idybrand.com/" title="Share on Facebook" target="popup" onclick="window.open('http://www.facebook.com/sharer.php?u=http://www.idybrand.com/','popup','width=600,height=600'); return false;">
    <img alt="Share on Facebook" width="40" height="40" src="img/social_media/facebook.svg">
    </a>
    

    它会起作用的..

    【讨论】:

    • 谢谢。这正是我想要的!
    • @DaveChambers 如果对您有帮助,请点赞并接受它以帮助他人。
    • 我可以...在 4 秒内 - 只是等待 ;-)
    【解决方案2】:

    你可以使用它。希望对你有帮助。

    <a onclick="window.open('https://www.facebook.com/','mywindow','width=640,height=360')" href="javascript:void(0)"><button>Click FB</button></a>
    

    【讨论】:

    • 谢谢。这确实有效,但我不得不稍微调整代码,所以我接受了 Rana 的回答,因为它更“准备好使用”。但是谢谢你的帮助。我赞成你的回答
    • 快乐编码 :)
    • @DaveChambers 谢谢
    猜你喜欢
    • 2011-10-29
    • 2012-01-28
    • 2011-06-21
    相关资源
    最近更新 更多