如何以小 window 显示 Linkedin 分享

Question

我想在一个新的小 window 中显示 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 上使用相同的代码，它们在新的小 window 中打开弹出窗口。这是 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 一起使用。这就是我想要实现的

如何在新的 window 中显示 LinkedIn 分享，如图所示？

Answer 1

window.open 的选项在第三个参数中，而不是在第二个参数中，它们应该在这个位置。

Answer 2

window.open 中的第二个参数用于 title。您在链接弹出窗口中错过了它。这样它将所有 _blank, width=500..... 都视为标题。这就是它没有跟随任何属性 width 和 height 等的原因。添加该空字符串作为第二个参数 ''.

Fiddle DEMO

如何以小 window 显示 Linkedin 分享

How to display Linkedin Share in small window

html

share

linkedin