社交媒体分享

Question

我想创建一组按钮，用于分享到各种社交媒体网站（Twitter、Facebook、Tumblr 等）。

我目前正在开发 Twitter 共享器，我一直在四处寻找，找不到任何自定义代码可以获取当前 URL 并将其附加到网址而不强迫我使用 Twitter 共享图标而不是我自己的自定义图标。

这是我正在开发的网站（链接在右侧）：http://www2.hull.ac.uk/files/tfa/index/content2.html

这是我当前的代码：

<a href="javascript:popup_share('http://twitter.com/share?text=Check%20out%20this%20page#tfa&url=')" class="twitter-share-button">
                                    Twitter
                                    <b></b>
                                </a>

<script>
    var pageName = window.location.toString();
    alert('http://twitter.com/share?text=Check%20out%20this%20page#tfa&url=' + pageName);
</script>

我不知道如何将警告框中的字符串添加到已经存在的标签中！

需要动态创建 URL，因为我希望它是站点范围的，并且不会每次都知道 URL - 这是要共享到任何平台的 URL。我已经查看了 Twitter 网站，但如果不知道网站地址，我找不到任何可以做到这一点的东西。

任何人都可以为此提供任何帮助吗？

非常感谢！

Answer 1

链接应该是

<a href="#" class="twitter-share-button">Twitter</a>

JavaScript 应该添加点击事件

$( function(){
    $(".twitter-share-button").click( function(e){
        popup_share('http://twitter.com/share?text=Check%20out%20this%20page#tfa&url=' + encodeURIComponent(window.location.href) );
        e.preventDefault();
    });
});