如何制作分享按鈕，例如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與父頁面完全隔離。 如果那是您想要的，我建議您做同樣的事情。