使用JavaScript获取当前完整URL并将其与jQuery一起使用_Javascript_Jquery_Facebook_Social Networking

使用JavaScript获取当前完整URL并将其与jQuery一起使用

javascript jquery facebook

使用JavaScript获取当前完整URL并将其与jQuery一起使用,javascript,jquery,facebook,social-networking,Javascript,Jquery,Facebook,Social Networking,我将在某人的网站上实现社交网络按钮。我希望尽可能轻松地做到这一点，并且不受未来影响，这样客户在创建新页面时就不需要添加任何内容。他的所有页面都是HTML（不是PHP），所以我不能使用任何PHP。我想到了JS，然后使用jQuery的.append使这一切变得很好和简单，但我想知道是否有更好的方法和/或这种方法有任何缺陷？代码如下：标题（脚本）： $（文档）.ready（函数（）{ var currentURL=window.location；//获取URL，将其放入变量中 $（'#fb'）。附

我将在某人的网站上实现社交网络按钮。我希望尽可能轻松地做到这一点，并且不受未来影响，这样客户在创建新页面时就不需要添加任何内容。他的所有页面都是HTML（不是PHP），所以我不能使用任何PHP。我想到了JS，然后使用jQuery的

.append

使这一切变得很好和简单，但我想知道是否有更好的方法和/或这种方法有任何缺陷？代码如下：

标题（脚本）：


$（文档）.ready（函数（）{
var currentURL=window.location；//获取URL，将其放入变量中
$（'#fb'）。附加（''）；
});

身体

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

    <div id="fb">Test</div>
</body>


（功能（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_GB/all.js#xfbml=1&appId=177213782346727”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；
试验

对此有何评论？我不想完全实现这一点，然后必须重新更改所有内容。

您可以将类似fb的div放入#fb中，并在加载后编辑数据href:

$("#fb-like").data("href",window.location);

谷歌的API库偶尔会因为任何原因而崩溃

我认为在head部分中包含加载jQuery的回退方法是受欢迎的：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.7.1.min.js"><\/script>')</script>


window.jQuery | | document.write（“”）

对于按钮本身，您可能会感兴趣，因为它基于JavaScript和jQuery，而不是CSS3。该网站的一个特色是使用Wordpress的社交插件，你可能想看看。它显示了一种类似于DIV和JS的方法，但与FB连接方案不同。也许mashup方法是合适的

如果jqDock的功能过于强大，那么还有很多漂亮的社交按钮插件和CSS/动画可供选择。谢谢你的回复，但我更喜欢我的脚本，因为我的客户只需要给他的HTML结构一个名为FB的div，就够了，而你的基本思想是一样的，但它向客户显示了更多的代码，客户可能会被这些代码弄糊涂。谢谢你的回复！

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.7.1.min.js"><\/script>')</script>