连接Facebook按钮 - 弹出窗口如何工作？

Question

有谁知道Facebook连接按钮如何生成用于登录的弹出窗口？

我认为有这样的代码..

<a href="#" onClick="MyWindow=window.open('http://www.yahoo.com','MyWindow','toolbar=no,location=no,directories=no,status=no, menubar=no,scrollbars=no,resizable=no,width=600,height=300'); return false;">Click Here</a> 

，但我还没有发现的文档中类似的事情。

Answer 1

Facebook API使用了一种名为FBML（Facebook标记语言）的东西。它是一种基于标记的标记，与您网站上的其他HTML内联编写，并使用JavaScript库进行处理。该连接脚本是：

<script src="http://connect.facebook.net/en_US/all.js"></script> 

如果使用这个脚本，然后提供了以下标签：

<fb:login-button></fb:login-button> 

那么的JavaScript将呈现按钮。

更多细节可以在这里找到：当你点击它http://developers.facebook.com/docs/authentication/

该按钮将自动生成弹出窗口，让你不用担心所需要的代码。如果你真的想看到生成的代码，我会在现有的fbconnect按钮上使用像萤火虫这样的工具来查看javascript。