Javascript 如果Twitter代码位于单独的文件中，为什么不加载Twitter按钮

我有三种不同的方法来添加用于加载Twitter按钮的Twitter代码，这对我来说几乎是一样的，但出于某种原因，只有两种方法可以工作

以下是我如何在HTML中定义Twitter按钮：

<a href="https://twitter.com/share" class="twitter-share-button" data-size="large" data-count="none">Tweet</a>

这里有一个可行的方法，只需在页面中嵌入JavaScript代码：

<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');</script>

！函数（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'）；

第二种方法是，将此函数放入单独的文件中，并在页面加载时加载此文件：

<script>
    $(window).bind("load", function() {
       // js/social.js just contains the same code that 
       // was in <script> tag in previous example
       $.getScript('js/social.js', function() {});
    });
</script>

$（窗口）.bind（“加载”，函数（）{
//js/social.js只包含与
//在上一个示例中是在标记中的
$.getScript（'js/social.js'，function（）{}）；
});

但是，如果我只是通过标记包含js/social.js文件，它将不起作用：

<!-- js/social.js here has the same content as in the previous example -->
<script type="text/javascript" src="js/social.js"></script>

并且图像不会加载

你能解释一下这些变化之间的区别吗

---

我使用的是Firefox 40.0.3

你把js/social.js放在哪里？页眉、正文、页脚？在所有三种情况下，我都将定义与所有其他脚本放在末尾。js/social.js的内容与第一个示例的内容相同？是的，所有3个示例中的代码都相同。