html创建canvas画布失败"cannot read property 'getContext' of null"

自己在使用canvas画布时遇到了<cannot read property "getContext" of null.>这样的错误，最后才知道是script位置引发的问题。

一般，script可以放在head中，也可以放在body标签结束前，但是两者是有一定的区别的。

1. 在head标签中时，一般只是进行加载，并不立即自动执行，需要被触发后才会执行。因此，当script标签位于此位置时，不会进行javascript中的变量初始化，因此可能出现上述错误；
2. 在body标签结束前，javascript会被加载并立即执行。

基于以上分析，解决此问题可以有两种方法：

1. 直接将script标签置于body标签结束之后；
2. script标签位于head标签中时，可以通过引入window.onload等自动触发该事件。