html - Twitter / Facebook 分享动态网址

Question

我正在尝试创建自定义共享链接，因此单击它将共享当前 URL。我明白这一点

<a href="http://twitter.com/share?text=An%20Awesome%20Link&url=http://www.google.com">
Share This on Twitter</a>

但是有没有办法让它动态化，所以它会抓取用户所在页面的 URL 并共享它，而不是硬编码的链接。

谢谢

score 2 · Accepted Answer

在 Javascript 中，您可以使用：

document.URL

它为您提供当前网址

和

document.title

用于获取此页面的标题

使用 jQuery 或 javascript，您可以设置 href 属性

例子：

$('a').on('click', function() {
    $(this).attr('href', 
        'http://twitter.com/share?text='+document.title+'&url=' + document.URL);
});

另一种方式：

score 0 · Accepted Answer

使用 jQuery：

$('a').on('click', function() {
    document.location = 'http://twitter.com/share?text=' + document.title + '&url=' + window.location.href;
});

score 0 · Accepted Answer

用这个

<a data-count='horizontal' expr:href='data:post.canonicalUrl' href='http://twitter.com/share' rel='nofollow' target='_blank'>Share on twitter</a>

推杆 expr:href='data:post.canonicalUrl' 就行了。

3 回答 3