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

时间:2015-06-23 22:31:49

标签: javascript css facebook twitter share

有些网站如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,不受包含它的托管页面的影响吗?

1 个答案:

答案 0 :(得分:2)

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