Html 实现类似facebook的按钮时出错

Html 实现类似facebook的按钮时出错,html,facebook,Html,Facebook,这是我的HTML和JS代码: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <link rel="stylesheet" type="text/css" href="stil.css" /> </head> <

这是我的HTML和JS代码:

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
        <link rel="stylesheet" type="text/css" href="stil.css" /> 
</head>
<body>

<div id="fb-root"></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 = "http://connect.facebook.net/en_GB/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="https://www.facebook.com/foofighters?ref=ts&fref=ts" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>

</body>
</html>

(功能(d、s、id){
var js,fjs=d.getElementsByTagName[0];
if(d.getElementById(id))返回;
js=d.createElement;js.id=id;
js.src=”http://connect.facebook.net/en_GB/all.js#xfbml=1";
fjs.parentNode.insertBefore(js,fjs);
}(文档“脚本”、“facebook jssdk”);
结果我得到了这个:


我正确地遵循Facebook文档,我不知道出了什么问题。

对代码进行验证测试。这是无效的

删除xml并尝试使用HTML,然后根据需要继续使用XHTML

这将起作用(已测试)


(功能(d、s、id){
var js,fjs=d.getElementsByTagName[0];
if(d.getElementById(id))返回;
js=d.createElement;js.id=id;
js.src=”http://connect.facebook.net/en_GB/all.js#xfbml=1";
fjs.parentNode.insertBefore(js,fjs);
}(文档“脚本”、“facebook jssdk”);

让我现场直播,一秒钟@佩特科_stankoski@petko_stankoski这里是:@petko_stankoski查看由于站点使用https而添加的https。在chrome上打开js控制台,确保没有任何协议不匹配的错误
<!DOCTYPE html>
<html>
<head>
        <link rel="stylesheet" type="text/css" href="stil.css" /> 
</head>
<body>

<div id="fb-root"></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 = "http://connect.facebook.net/en_GB/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="https://www.facebook.com/foofighters?ref=ts&fref=ts" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>

</body>
</html>