自定义推文按钮不发送文本答案

【问题标题】：Custom Tweet Button Not Sending Text自定义推文按钮不发送文本
【发布时间】：2020-05-16 04:52:23
【问题描述】：

我在我的网站上放置了一个推文按钮，但它似乎没有接收到文本。

我的代码是；

var url = encodeURIComponent(window.location.href);
var title = document.title;

&lt;a target="_blank" href="https://twitter.com/intent/tweet/?text=Check%20Out%20-"+title+"&amp;url="+url+""&gt;tweet&lt;/a&gt;

我想阅读推文；

签出 - [我的页面标题] - [我的页面 URL]

当我点击按钮时，我被重定向到https://twitter.com/intent/tweet/?text=，我可以看到一个显示Check Out - 但没有其他文字的推文框？

如果有什么不同，我会将此代码添加到 Joomla CMS 中（我不想使用第三方插件等）。

感谢任何帮助。

【问题讨论】：

标签： javascript html twitter tweets

【解决方案1】：

这是因为您无法访问 HTML 标记中的 js 变量。

这意味着找不到变量。

【讨论】：

是的，谢谢。你知道我该如何解决这个问题吗？
您可以使用 js 创建一个并将其呈现到您的标记中。

【解决方案2】：

将您的代码更改为：

$(document).ready(function() {
    var url = encodeURIComponent(window.location.href);
    var title = document.title;
    
    $('#customTweetButton').attr('href', "https://twitter.com/intent/tweet/?text=Check%20Out%20-%20" + title + "&url=" + url);
    
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a id="customTweetButton" target="_blank">Tweet</a>

【讨论】：

【解决方案3】：

解决此问题的一种方法是使用 Javascript 在我的 HTML 中的特定 <div> 中注入 <a> 标记。

var url = encodeURIComponent(window.location.href);
var title = document.title;

document.getElementById("tweetAction").innerHTML = `<a target="_blank" href="https://twitter.com/intent/tweet/?text=Check%20Out%20-` + title + `&url=`+ url + `">tweet</a>`

&lt;div id="tweetAction"&gt;&lt;div&gt;

通过在新标签页中打开推文链接来尝试。

【讨论】：