0

我正在尝试将社交分享按钮添加到我管理的网站。我必须使用新选项卡或 popWin 来执行此操作,因为大多数社交网站都阻止通过 iframe 加载(这会阻止使用模式弹出窗口)。

我选择了 popWin,因为它可以让用户留在我的页面上。问题是我对 javascript 还很陌生,对 popWin 并不太熟悉。popWin 似乎对我的 URL 进行了编码,这适用于大多数社交共享网站,但 tumbler 存在问题。

如果我删除 popWin,则 URL 会打开一个新选项卡并按应有的方式共享产品页面。

我可以强制 popWin 按“url=http%3A%2F%2F”而不是“url=http://”使用我的 URL

<a href="javascript:popWin('http://www.tumblr.com/share/link?url=<?php echo urlencode($productUrl); ?>', 'tumbler', 'width=640,height=480,left=0,top=0,location=no,status=yes,scrollbars=yes,resizable=yes');" title="Share Link Via Tumblr">Tumblr</a>
4

2 回答 2

1

encodeURIComponent在 JavaScript 中使用。

<a href="javascript:popWin(encodeURIComponent('http://www.tumblr.com/share/link?url=<?php echo urlencode($productUrl); ?>)', 'tumbler', 'width=640,height=480,left=0,top=0,location=no,status=yes,scrollbars=yes,resizable=yes');" title="Share Link Via Tumblr">Tumblr</a>
于 2013-03-06T21:55:15.527 回答
0

在 popWin 和 tumblr 遇到同样的问题后发现了这个。我修改了马特的答案以显示我是如何做到的。

<a href="javascript:popWin('http://www.tumblr.com/share/link?' + encodeURIComponent('url=<?php echo urlencode($productUrl); ?>')', 'tumblr', 'width=640,height=480,left=0,top=0,location=no,status=yes,scrollbars=yes,resizable=yes');" 
title="Share Link Via Tumblr">Tumblr</a>
于 2014-09-05T10:07:28.927 回答