javascript - 如何制作像 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 与父页面完全隔离。如果这就是您所追求的，我建议您也这样做。