javascript - Twitter 分享按钮动态 URL 分享

Question

我正在尝试制作一个自定义 Twitter 按钮，该按钮将在单击时获取当前页面的页面 URL，这显然会根据它出现在哪个页面上而发生变化，这与默认的共享按钮没有什么不同。但是，我不确定如何将页面 URL 传递到按钮中。

这是我目前所拥有的jsfiddle

<style type="text/css" media="screen">

</style>
<div id="social-share-container">
<div id="custom-tweet-button">
 <a id="tweetShare" href="https://twitter.com/share?url="+encodeURIComponent(document.URL); target="_blank">Tweet
    </a>
</div>
</div>

由于我对 JS 很不熟悉，所以有点乱七八糟。

Answer 1

这会将 url 和标题传递给带有 Twitter 共享页面的简单弹出框:

<script language="javascript">
    function tweetCurrentPage()
    { window.open("https://twitter.com/share?url="+ encodeURIComponent(window.location.href)+"&text="+document.title, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false; }
</script>

<a class="tweet" href="javascript:tweetCurrentPage()" target="_blank" alt="Tweet this page">Tweet this page</a>

如果您不希望它在弹出框中打开，您可以使用它代替 window.open:

window.location.href="https://twitter.com/share?url="+ encodeURIComponent(window.location.href)+"&text="+document.title;

更新: escape() 函数已弃用，替换为 encodeURIComponent()