如何在单独的窗口中打开Pinterest按钮?

时间:2014-10-02 03:37:20

标签: javascript html wordpress

我正在使用这一点代码添加一个'引脚'按钮到我的wordpress网站。我在target =中添加了 " _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>

2 个答案:

答案 0 :(得分: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,只是为了了解你走这条路的可能后果。

答案 1 :(得分:0)

这是您可以尝试的另一种选择。请记住,这需要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"