如何在单独的窗口中打开 Pinterest 按钮？答案

【问题标题】：How to open Pinterest button in a separate window?如何在单独的窗口中打开 Pinterest 按钮？
【发布时间】：2014-11-27 01:10:14
【问题描述】：

我正在使用这段代码向我的 wordpress 网站添加一个“固定”按钮。我添加了目标= “_blank”，它仍然在同一个窗口中打开。

<a target="_blank" href='javascript:void((function()%7Bvar%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos;,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;//assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)%7D)());'>Pin it</a>

【问题讨论】：

标签： javascript html wordpress

【解决方案1】：

Pinterest 有一个button generator，这可能是最简单和推荐的方法。但如果你更倾向于通过链接这样做，你可以试试这个..

<a href="http://pinterest.com/pin/create/link/?url=[yourURLHere]" onclick="javascript:window.open(this.href,
  '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">Pin it</a>

请参阅this question 了解更多信息。
顺便说一句，您可能想阅读此documentation，以了解如果您走这条路可能会产生的后果。

【讨论】：

【解决方案2】：

这是您可以尝试的另一个选项。请记住，这需要 JQuery。因此，请确保它像这样包含在您的页面中：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

这是您的解决方案：

<a href="http://example.com" rel="external">External link</a>
<script type="text/javascript">
    $('a[rel="external"]').attr('target', '_blank');
</script>

注意添加到链接的rel="external"

【讨论】：

这里是2020，这里不需要jquery