试图在我的网站上添加像按钮一样的facebook

Question

Below script will downlaod the facebook sdk to generate the code to create the like button

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

<div class="fb-like" data-send="false" data-width="450" data-show-faces="true" data-font="arial"></div>

I am doing like this to add the FaceBook like button. When I run my application and see I get "object does not support this property or method, all.js, uri: https://connect.facebook.net/en_US/all.js "

Can some one suggest me how do I fix this? Thanks in advance.

Answer 1

You forgot to add the <div id="fb-root"></div> to the body of the HTML.

Also you seem to have forgotten the APP ID

<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=127211380649475";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Answer 2

You need to make sure the dom element is declared above the script tag. Otherwise it might not load:

<div class="fb-like" data-send="false" data-width="450" data-show-faces="true" data-font="arial"></div>

<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=127211380649475";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Answer 3

are your broswer support html5? maybe the error is here "scrFaceBook.async = true;"