如何在小窗口中显示Linkedin Share

Question

我想在一个小的新窗口中显示Linkedin弹出窗口，但是分享弹出窗口会一直作为新的全屏幕标签打开。

这是我正在使用的HTML片段：

    <div class="share-block">
        <a 
            href="#" 
            onclick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=' + encodeURIComponent(document.URL) + '&title=Excellent review on my website reviews', '_blank, width=500, height=500, resizable=yes, scrollbars=yes'); return false;"
        ><i class="fa fa-fw fa-linkedin"></i> LinkedIn</a>
    </div>

我在facebook和twitter上使用相同的代码，它会在新的小窗口中打开弹出窗口。这是Twitter HTML，例如：

    <div class="share-block">
        <a 
            href="#" 
            onclick="window.open('https://twitter.com/intent/tweet?text=Excellent review on my website:%20'  + encodeURIComponent(document.URL), '', '_blank, width=500, height=500, resizable=yes, scrollbars=yes'); return false;"
        ><i class="fa fa-fw fa-twitter"></i> Twitter</a>
    </div>

我无法弄清楚为什么它不适用于LinkedIn。这就是我想要实现的目标

如何在新窗口中显示LinkedIn分享，如图所示？

Answer 1

window.open中的第二个参数是title。你错过了弹出窗口链接。因此它将所有_blank, width=500.....作为标题处理。这就是它不遵循任何属性width和height等的原因。将该空字符串添加为第二个参数''。

Fiddle DEMO

Answer 2

您的代码错误，因为window.open的选项位于第三个参数中，而不是第二个参数中，它们应该位于第二个参数中。