0

如何创建一个链接，该链接采用“共享”链接的静态部分（LinkedIn 等社交媒体网站的）并附加当前页面的 url？这样用户就可以在他们的社交媒体帐户上共享页面的 URL。

我不想使用 Share This 或任何其他此类小部件。

谢谢

编辑

所以建议我选择 jQuery 的解决方案。经过大量帮助，这是解决方案：

HTML

<a class="linkedin" href="#">LinkedIn</a>

jQuery

$(document).ready(function() { 
  $('a.linkedin').click(function() {
    var link = document.location;
    var url = "https://www.linkedin.com/shareArticle?mini=true&url=" + link;
    document.location.href = url;
  });
});

显然，它适用于任何允许此类 URL 的社交媒体网站。

4

3 回答 3

1

LinkedIn 有这方面的文档以及他们的 url 期望的参数。我省略了summary参数。

JS 101：您正在寻找 window.open 方法。请参阅文档。. 您所要做的就是(1)编写一个用 url 打开一个窗口的函数。(2)在a元素的onclick事件中调用该函数。

仅使用纯 javascript，它应该看起来像这样：

<script>
    function shareOnLinked(url, title, summary)
    {
     window.open('http://www.linkedin.com/shareArticle?mini=true&url='+ 
           url +'&title='+title+'&summary='+summary);
    }
</script>
<a href='#' 
   onclick='shareOnLinked("http://stackoverflow.com",
                                   "Great QandA","SomeSummary");'> 
Share On Linked in</a>

查看实时示例：http: //jsfiddle.net/PpC5S/2/

于 2013-02-03T11:37:16.827 回答
0

您可以使用（没有任何库的纯 Javascript）

<a href="https://www.linkedin.com/shareArticle?mini=true&url=" onclick='function(j){ window.location = j.href + window.location }(this)'>
于 2013-02-03T11:33:55.650 回答
0

如果你不介意使用 jQuery

$(document).ready(function() { 
    $('a#link').click(function() {
        var link = $(this).attr("href");
        var url = "https://www.linkedin.com/shareArticle?mini=true&url=" + link;
        document.location.href=url;
    });
});
于 2013-02-03T11:34:20.087 回答