javascript - 如何在模式窗口而不是新选项卡中打开 anchor

Question

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>

请问我怎样才能实现这个目标？可能使用 Bootstrap？

Answer 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>

它会起作用..