为什么以下Facebook分享按钮没有打开弹出窗口?

时间:2016-06-28 02:30:10

标签: javascript html facebook

我使用以下代码生成Facebook共享按钮:

<li>
  <a
    href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fsimplesharingbuttons.com%2F&t="
    target="_blank"
    title="Share on Facebook"
    onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(document.URL) + '&t=' + encodeURIComponent(document.URL)); return false;">
    <i class="fa fa-facebook-square fa-2x"></i>
  </a>
</li>

如您所见,我使用的是window.open,但共享对话框会在新的浏览器标签页中打开,而不是弹出窗口。

如何修改此代码以在弹出窗口中打开对话框?

Codepen:http://codepen.io/alexcheninfo/pen/OXpRjd

3 个答案:

答案 0 :(得分:1)

您必须为window.open();

提供额外的规范
window.open('yourlink','windownam' , 'width=400,height=200,scrollbars=yes');

答案 1 :(得分:0)

基本上,这是由浏览器和浏览器选项控制的,没有强制这种行为的好方法(窗口与标签)。

在此处查看类似的答案JavaScript open in a new window, not tab,表示在某些浏览器上有一种方法(高度/宽度)可用(作为黑客)。

答案 2 :(得分:0)

请试试这个:

window.open(“http://www.w3schools.com”,“_ blank”,“left = 20,top = 20,width = 950,height = 650');

第二个参数是'_blank' 第三个参数是一些用逗号分隔的规范:height,width,....