如何制作分享按钮，例如Facebook或Twitter

Question

诸如Facebook和Twitter之类的某些网站制作了自己的共享按钮（即tweet按钮和FB分享按钮 ），可以在其他任何网站中使用，我想自己制作一个帮助人们共享指向我网站的链接。

我已经创建了共享窗口/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与父页面完全隔离。 如果那是您想要的，我建议您做同样的事情。