带有 JavaScript 测验的 Twitter 分享按钮答案

【问题标题】：Twitter share button with JavaScript Quiz带有 JavaScript 测验的 Twitter 分享按钮
【发布时间】：2016-05-31 08:03:13
【问题描述】：

我有一个 JavaScript 测验，它会生成一个分数。

test.innerHTML = "<h2>You got "+correct+" of "+questions.length+" questions correct</h2>";
    _("test_status").innerHTML = "Test Completed";

我想要一个 Twitter 分享按钮，它允许用户在推特上发布用户从测验中获得的分数。

任何想法如何做到这一点？

【问题讨论】：

你想要一个花哨的按钮、链接还是只是一个 URL？
告诉我们你做了什么！只需转到 twitter 开发人员页面并查看他们的示例。这个link 可能会帮助您入门
您对以下答案满意吗？有什么遗漏吗？如果您对它感到满意，请单击勾选按钮接受它:)。

标签： javascript css html twitter

【解决方案1】：

你可以：

随意使用此 URL："https://twitter.com/intent/tweet?text=I got "+correct+" correct out of "+questions.length+" questions on JavaScript Quiz!"（尽管您需要 JavaScript 来创建它）。
使用简单的<a> 链接，例如：<a class="twitter-share-button" href="#" id="twitter-button">Tweet</a> 并将document.getElementById("twitter-button").setAttribute("href", "https://twitter.com/intent/tweet?text=I got "+correct+" correct out of "+questions+" questions on JavaScript Quiz!"); 添加到您的脚本中。
将上面的链接和这段代码添加到您的脚本中，制作一个精美的按钮：!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');。

查看这个 sn-p（该按钮在 sn-p 中似乎不起作用，但它应该在本地和您的网站上起作用）：

<a class="twitter-share-button" href="#" id="twitter-button">Tweet</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs'); correct = 5; questions = 10; document.getElementById("twitter-button").setAttribute("href", "https://twitter.com/intent/tweet?text=I got "+correct+" correct out of "+questions+" questions on JavaScript Quiz!");</script>

您可以生成所有按钮脚本here。另外，看看here。

希望这会有所帮助！ :)

【讨论】：