如何在jQuery中将页面的URL附加到社交媒体“共享”URL

How do I append a page's URL to a social media 'sharing' URL in jQuery?

本文关键字：URL 媒体 共享 jQuery      更新时间：2023-09-26

如何创建一个链接，该链接获取"共享"链接（LinkedIn等社交媒体网站）的静态部分并附加当前页面的URL？以便用户可以在其社交媒体帐户上共享页面的URL。

我不想使用"共享此"或任何其他此类小部件。

谢谢

编辑

因此，在建议的解决方案中，我选择了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的社交媒体网站。

LinkedIn有这方面的文档以及他们的URL需要的参数。我省略了summary参数。

JS 101：您正在寻找 window.open 方法。请参阅文档。您所要做的就是 （1） 编写一个函数来打开一个带有 url 的窗口。（2） 在元素的 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/

如果你不介意使用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;
    });
});

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

<a href="https://www.linkedin.com/shareArticle?mini=true&url=" onclick='function(j){ window.location = j.href + window.location }(this)'>
相关文章：