如何将 Facebook 的 javascript SDK 函数附加到按钮？答案

【问题标题】：how do I attach a javascript SDK function for Facebook to a button?如何将 Facebook 的 javascript SDK 函数附加到按钮？
【发布时间】：2016-03-04 19:32:06
【问题描述】：

从它读取的 facebook 文档中，我必须使用以下函数：

FB.logout(function(response) {
    // Person is now logged out
});

但我究竟如何将它附加到按钮上？

【问题讨论】：

能否将我们链接到 facebook 文档？
developers.facebook.com/docs/reference/javascript/FB.logout
您是否特别使用了任何 js 框架/库？
不，我遵循了 facebook 开发人员指南，了解如何在 html 中包含来自 facebook 的 javascript sdk，然后如何创建登录和点赞按钮，但对于注销按钮，它只是说使用上述功能和附加到按钮或链接（这是我感到困惑的地方）。

标签： javascript html facebook api

【解决方案1】：

尽量将您的代码与 HTML 分开。意思是，你不应该直接使用 onclick，最好附加一个事件监听器。例如：

<button id="logoutButton">Log Out</button>

JS代码：

document.getElementById('logoutButton').addEventListener('click', function(event) {
    FB.logout(function(response) {
        // Person is now logged out
    });
});

【讨论】：

【解决方案2】：

如果您不使用任何 Javascript 库或框架，则必须使用 Javascript onclick Event。

首先，以这种方式包装您的 FB.logout() 函数：

var logOut = function() {
  FB.logout(function(response) {
    // Person is now logged out
  });
};

然后将此logOut() 函数附加到您想要的按钮，如下所示：

<button onclick="logOut()">Log Out</button>

希望这会有所帮助！

【讨论】：