获取canvas上下文报错问题

在用HTML5的canvas写一个五子棋游戏时，发现在js代码中context=chess.getContext('2d')一直报null错误。

;

观察js代码并没有什么错误，null空值错误，表示并没有找到canvas的上下文，此时应该看html中的js引入的位置是在canvas标签前还是后面，在前面就会报上面的错误，

把js引入放在后面就不会报错了。

这种错误的原因就是浏览器是按顺序解析HTML代码的，解析js代码之前没有创建canvas就会报上述错误。