如何在模式窗口而不是新選項卡中打開錨點

Question

該站點演示了“社交共享”代碼，例如“共享給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>

會的..

Answer 2

您可以使用它。 希望對您有所幫助。

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