为什么我们需要添加<div id ="fb-root"> </ div>

Question

为什么我们需要在我们的Facebook应用程序中添加这些标签.这对标签的用途是什么.我创建了一个使用apprequest的应用程序,即使我没有在我的脚本前面添加这些标签,它也能正常工作.所以我真的很想知道为什么我们需要添加它们.谢谢.

Answer 1

它是Facebook javascript脚本将元素附加到DOM的占位符.如果没有这个,当引用的Facebook脚本运行时,它无处可附加元素.

您可以看到fb-root作为初始化的一部分被附加到.

<script type="text/javascript">
      window.fbAsyncInit = function() {
        FB.init({appId: 'xxxxxx', status: true, cookie: true,
                 xfbml: true});
      };

      (function() {
        var e = document.createElement('script'); e.async = true;
        e.src = document.location.protocol +
          '//connect.facebook.net/en_US/all.js';
        document.getElementById('fb-root').appendChild(e);
      }());
    </script>

Answer 2

更新:Facebook不再要求您包含<div id="fb-root"></div>在HTML中.

您现在可以删除它.Facebook Javascript SDK自己创建它,并将其附加到BODY标记.控制台中也没有显示任何警告,就像之前一样.

Facebook文档也已更新,不再显示<div id="fb-root"></div>要求.

版本1.0的旧文档(显示<div id="fb-root"></div>):https: //developers.facebook.com/docs/javascript/quickstart/v1.0

2.5版的当前文档(不再显示<div id="fb-root"></div>):https://developers.facebook.com/docs/javascript/quickstart/v2.5