<a></a><a></a>標籤

Question

自動參考頁面URL如何引用當前頁面的URL？

我在幾頁上有一個共享微博按鈕。我希望能夠自動引用當前頁面的URL，因此當用戶點擊「發送此頁面」時，會在Twitter推文框中生成該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'); 
}); 

Answer 1

你想用的，而不是href屬性當前頁面的網址是什麼？更改

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

到

var loc = location.href; 

或者你可以生成Twitter分享URL服務器端，把它放在href屬性，那麼在停止的onclick默認處理程序，並鏈接目標打開的窗口。這樣，您的鏈接將無需JavaScript即可運行。

Answer 2

您可以使用「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'); 
});