'；未定义'；javascript插件出错

我使用的（原始JS，非jQuery版本）如下：

在标题中：

<script id="masonry" type="text/javascript" src="resources/js/masonry.js"></script>

---

有人知道我的设置有什么问题吗？

我查看了massy.js代码

您需要将对砌体文件的引用移动到页面底部（在结束正文标记之前）

或者至少在打开的主体标记下方

---

它试图将未加载到头部的body标记追加到Child。

如何？在网络选项卡上，我看到它加载正确-有趣的是，我得到了未捕获的TypeError:undefined的方法'appendChild'，即使我只加载

Massy.js

，而body中的脚本没有更新我的答案。试试看！无论如何，最好将所有javascript引用放在页面底部。更快的加载时间（只要在页面加载之前不使用任何需要的内容）。

<script>
window.onload = function() {
  var wall = new Masonry( document.getElementById('ext-component-3'), {
    columnWidth: 145
  });
};
</script>

Uncaught ReferenceError: Masonry is not defined 
Uncaught TypeError: Cannot call method 'appendChild' of undefined