Fatal编程技术网
  • html/
  • 将facebook提要嵌入html

将facebook提要嵌入html

html css

将facebook提要嵌入html,html,css,xhtml,feed,Html,Css,Xhtml,Feed,我想将facebook提要集成到html页面中。 我已经做了很多研究，找到了一些方法来实现这一点，但它们似乎都不起作用 我认为最有效的方法是使用iframe。但是每当我把一个加载到我的页面时，我就会得到一个错误。 错误表明他找不到文件或目录。错误以灰色矩形表示，并带有皱眉的微笑 请注意，我仍在创建此网站，因此所有内容都是脱机的，可以通过我的计算机访问 干杯 这是我的密码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN

我想将facebook提要集成到html页面中。 我已经做了很多研究，找到了一些方法来实现这一点，但它们似乎都不起作用

我认为最有效的方法是使用iframe。但是每当我把一个加载到我的页面时，我就会得到一个错误。 错误表明他找不到文件或目录。错误以灰色矩形表示，并带有皱眉的微笑

请注意，我仍在创建此网站，因此所有内容都是脱机的，可以通过我的计算机访问

干杯

这是我的密码：

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Sample</title>
        <link href="_resources/styles/sample.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" />

    </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 = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=207087449372135";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<div class="fb-like-box" data-href="http://www.facebook.com/FacebookDevelopers" data-width="200" data-height="500" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="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=“//connect.facebook.net/en_US/all.js#xfbml=1&appId=20708749372135”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；
非常简单，无需编程，请检查此处--

你需要把这个代码放在开头的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 = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=207087449372135";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_US/all.js#xfbml=1&appId=20708749372135”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；
并将下面的代码粘贴到您希望显示提要的任何位置

<div class="fb-like-box" data-href="http://www.facebook.com/FacebookDevelopers" data-width="The pixel width of the plugin" data-height="The pixel height of the plugin" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div>

我刚刚编辑了我的问题，因此它包含了我的html代码。你能看看我做错了什么吗？我仍然没有得到任何结果…我认为您正在本地机器上运行此代码，而不是联机。这就是它不起作用的原因。。用
http://connect.facebook.net/en_US/all.js#xfbml=1&appId=207087449372135
如果您想查看工作示例。