js或jquery中必须做到的时刻不能忘记的一件事

1.作为新手，我在学习cavas的时候，出现了一个比较常见的新手会发生的问题；

大家看下面代码

                        var mycanvas = document.getElementById("mycanvas");
var cxt = mycanvas.getContext("2d");
cxt.moveTo(10, 10);
cxt.lineTo(150, 50);
cxt.lineTo(10, 50);

cxt.stroke();

是不是觉得没有任何问题；

确实，只是从代码上来看确实没有任何问题，但是运行之后我的cavas对象一直是null；

想必大家是知道为什么了： 

应该要等到页面加载完成之后，也就是说少了windown.onload

window.onload = function() {
var mycanvas = document.getElementById("mycanvas");
var cxt = mycanvas.getContext("2d");
cxt.moveTo(10, 10);
cxt.lineTo(150, 50);
cxt.lineTo(10, 50);
cxt.stroke();

}

这么写，才是没有任何问题的；

如果使用jquery的话那么是，$(function(){

})或者是$(doucment).ready(...);

问题不大，但是往往比较容易忘记；作为新手，切记切记！