Fatal编程技术网
  • html/
  • Html 无法将类似Facebook的按钮集成到页面

Html 无法将类似Facebook的按钮集成到页面

html facebook twitter

Html 无法将类似Facebook的按钮集成到页面,html,facebook,twitter,integration,social-networking,Html,Facebook,Twitter,Integration,Social Networking,这是我的html页面代码 <html> <head> <title>Big Query & D3.js Mashup</title> <meta property="og:title" content="My Site"/> <meta property="og:type" content="website" /> <meta p

这是我的html页面代码

    <html>

    <head>
        <title>Big Query & D3.js Mashup</title>
        <meta property="og:title" content="My Site"/>
        <meta property="og:type" content="website" />
        <meta property="og:url" content="http:xample.com" />
        <meta property="og:image" content="" />
        <meta property="og:site_name" content="Data" />
        <meta property="fb:admins" content="1" />
    </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";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));
        </script>   <a href="https://twitter.com/share" class="twitter-share-button"
        data-url="http:xample.com" data-via="jmy" data-lang="en">Tweet</a>

        <script>
            ! function (d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (!d.getElementById(id)) {
                    js = d.createElement(s);
                    js.id = id;
                    js.src = "https://platform.twitter.com/widgets.js";
                    fjs.parentNode.insertBefore(js, fjs);
                }
            }(document, "script", "twitter-wjs");
        </script>
        <div class="fb-like" data-href="http:xample.com/" data-send="false"
        data-layout="button_count" data-width="450" data-show-faces="true" data-font="arial"></div>
    </body>

</html>


大查询&D3.jsmashup
（功能（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”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；
! 功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
如果（！d.getElementById（id））{
js=d.createElement；
js.id=id；
js.src=”https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore（js，fjs）；
}
}（文件，“脚本”、“推特wjs”）；
更新代码：

    <html>

<head>
    <title>Big Query & D3.js Mashup</title>
    <meta property="og:title" content="My Site"/>
    <meta property="og:type" content="website" />
    <meta property="og:url" content="http:xample.com" />
    <meta property="og:image" content="" />
    <meta property="og:site_name" content="Data" />
    <meta property="fb:admins" content="1" />
</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";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>   <a href="https://twitter.com/share" class="twitter-share-button"
    data-url="http://xample.com" data-via="jmy" data-lang="en">Tweet</a>

    <script>
        ! function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (!d.getElementById(id)) {
                js = d.createElement(s);
                js.id = id;
                js.src = "https://platform.twitter.com/widgets.js";
                fjs.parentNode.insertBefore(js, fjs);
            }
        }(document, "script", "twitter-wjs");
    </script>
    <div class="fb-like" data-href="http://xample.com/" data-send="false"
    data-layout="button_count" data-width="450" data-show-faces="true" data-font="arial"></div>
</body>
</html>


大查询&D3.jsmashup
（功能（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”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；
! 功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
如果（！d.getElementById（id））{
js=d.createElement；
js.id=id；
js.src=”https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore（js，fjs）；
}
}（文件，“脚本”、“推特wjs”）；
Twitter链接出现，但facebook链接未出现。

url错误，应改为http:example.com

 <div class="fb-like" data-href="http://www.example.com/" data-send="false"
    data-layout="button_count" data-width="450" data-show-faces="true" data-font="arial">

它在JSFIDLE中工作。但是当我在html页面中尝试上面的代码时，它工作不好，现在它丢失了。是一个输入错误。我刚刚复制了你的更新代码并将其粘贴到JSFIDLE中，facebook链接出现了。