自己在使用canvas画布时遇到了<cannot read property "getContext" of null.>这样的错误,最后才知道是script位置引发的问题。
一般,script可以放在head中,也可以放在body标签结束前,但是两者是有一定的区别的。
- 在head标签中时,一般只是进行加载,并不立即自动执行,需要被触发后才会执行。因此,当script标签位于此位置时,不会进行javascript中的变量初始化,因此可能出现上述错误;
- 在body标签结束前,javascript会被加载并立即执行。
基于以上分析,解决此问题可以有两种方法:
- 直接将script标签置于body标签结束之后;
- script标签位于head标签中时,可以通过引入window.onload等自动触发该事件。