如何制作 Facebook 或 Twitter 等分享按钮

Question

Facebook 和 Twitter 等一些网站制作了自己的分享按钮（即 tweet button 和 FB share button），可以在任何其他网站中使用，我想制作自己的分享按钮来帮助人们分享到我网站的链接。

我已经制作了分享窗口/sharer的页面，可以使用这个功能打开：

function openPopup(url){
  var width = 790;
  var height = 570;
  var top = screen.height/2 - height/2;
  var left = screen.width/2 - width/2;
  var windowFeatures = "location=yes, height=" + height + ", width=" + width + ", left=" + left + ", top=" + top;
  var windowUrl = "https://example.com/sharer?url=" + encodeURIComponent(url);
  var win = window.open(windowUrl, "_blank", windowFeatures);
}

当然我需要托管一个 javascript 文件来保存我的代码，就像之前的函数一样，

但问题是，我如何准备一个可供任何其他网站使用的代码，以使用其自己的 CSS 和 Javascript 正确显示我的按钮，并且不受包含它的托管页面的影响？

Answer 1

Facebook 和 twitter 都在 iframe 中加载按钮，这将 CSS 和 Javascript 与父页面完全隔离。如果这就是你所追求的，我建议你做同样的事情。