Javascript 为什么我的HTML和JS不能工作？

我无法在我的公共网页上使用此功能。我已经确定了所有文件的权限都是正确的，但是当我访问该站点时，它只显示一个空白页面。它应该有一种类似矩阵的效果。我通过Codepen.io编辑了它，但当我把它传输到实际文件并上传时，什么都不起作用

HTML:

---

您必须在javascript文件所依赖的库之后包含它们

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" 
type="text/javascript"></script>

<script src="(link the js file attached that is in the directory of my webpage)" type="text/javascript"></script>

也可以考虑使用jQuery

< P>的新版本，尝试添加……/P>

var canvas = document.getElementById('canvas');

在$（文档）.ready函数的开头

$(document).ready(function(){
 var canvas = document.getElementById('canvas');
....

基本上，您引用的是“canvas”，它似乎还不存在

还要确保在尝试使用jquery的库或脚本之前包含jquery

var canvas = document.getElementById('canvas');

$(document).ready(function(){
 var canvas = document.getElementById('canvas');
....