如何在小窗口中显示 Linkedin Share答案

【问题标题】：How to display Linkedin Share in small window如何在小窗口中显示 Linkedin Share
【发布时间】：2018-04-13 10:15:50
【问题描述】：

我想在一个小的新窗口中显示 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分享，如图所示？

【问题讨论】：

标签： html share linkedin

【解决方案1】：

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

Fiddle DEMO

【讨论】：

是的，这是我的错误。感谢您指出了这一点。现在它可以正常工作了。

【解决方案2】：

window.open 的选项位于第三个参数中，而不是应位于的第二个参数中。

【讨论】：