如何动态渲染新的 Twitter 小部件？

如果我在 Twitter 上注册一个小部件，我会得到以下代码：

<a class="twitter-timeline" href="https://twitter.com/vinto60utd" data-widget-id="283564783750483968">Tweets by @vinto60utd</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id))>>>{js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}>(document,"script","twitter-wjs");</script>

如果我将此代码按原样放在我的页面上，我就会看到我想要的 Twitter 小部件。如何动态或在执行某些事件（如按钮单击）时渲染我的小部件？

use

twttr.widgets.load(); 

如果您已经加载了 //platform.twitter.com/widgets.js

在我的情况下，我这样做：将一些空的或以前的时间线填充块的内容替换为像您这样的新链接

<a class="twitter-timeline" href="https://twitter.com/vinto60utd" data-widget-id="283564783750483968">
    Tweets by   @vinto60utd</a> 

然后我打电话twttr.widgets.load();剩下的就由 Twitter 来做。