0

如何引用当前页面 URL？

我在几个页面上有一个分享 twitter 按钮。我希望能够自动引用当前页面 URL，因此当用户单击“推特此页面”时，会在推特推文框中生成 URL。我希望这样做的原因是我可以从一个地方而不是几个页面管理按钮。

HTML（目前，网址是手动粘贴到链接中的 href 标记中。

<a href="http://dangfoods.com/coconutchips.php" title="These chips are great for you HEALTH!! #dangfoods" class="tweetDialog" target="_blank"><div id="tweets-btn" class="custom-button">Tweet This Page</div></a>

当前的 Javascript

// We bind a new event to our link
$('a.tweetDialog').click(function(e){
  //We tell our browser not to follow that link
  e.preventDefault();
  //We get the URL of the link
  var loc = $(this).attr('href');
  //We get the title of the link
  var title  = escape($(this).attr('title'));
  //We trigger a new window with the Twitter dialog, in the middle of the page
  window.open('http://twitter.com/share?url=' + loc + '&text=' + title + '&', 'twitterwindow', 'height=450, width=550, top='+($(window).height()/2 - 225) +', left='+$(window).width()/2 +', toolbar=0, location=0, menubar=0, directories=0, scrollbars=0');
});
4

2 回答 2

1

您可以使用“location.href”获取页面的 URL，使用“document.title”获取当前页面的标题。尝试这个：

$('a.tweetDialog').click(function(e){
    //We tell our browser not to follow that link
    e.preventDefault();

    //We get the URL of the link
    var loc = location.href;
    //We get the title of the link
    var title  = escape(document.title);

    //We trigger a new window with the Twitter dialog, in the middle of the page
    window.open('http://twitter.com/share?url=' + loc + '&text=' + title + '&', 'twitterwindow', 'height=450, width=550, top='+($(window).height()/2 - 225) +', left='+$(window).width()/2 +', toolbar=0, location=0, menubar=0, directories=0, scrollbars=0');
});
于 2013-10-25T21:05:24.520 回答
1

您想使用当前页面 URL 而不是href属性？改变

var loc = $(this).attr('href');

至

var loc = location.href;

或者您可以在服务器端生成 Twitter 共享 URL，将其放入href属性中，然后在 onclick 中停止默认处理程序并打开带有链接目标的窗口。这样你的链接就可以在没有 JavaScript 的情况下工作。

于 2013-10-25T21:02:55.277 回答