高手来啊！！！

Question

 var img=new Image();
    img.src='img/1.jpg';
    var ctx=document.getElementById('trails').getContext('2d');
    function draw(){
        ctx.drawImage(img,0,0,200,200);
    }
    window.addEventListener('load',draw,true); 和     function draw(){
var img=new Image();
img.src='img/1.jpg';
var ctx=document.getElementById('trails').getContext('2d');
ctx.drawImage(img,0,0,200,200);
}
window.addEventListener('load',draw,true);有什么区别啊？？？后一种要刷新一下浏览器才能看到浏览器。。

Answer 1

楼主是想问这个是什么意思吧。 
var img=new Image();一个 jscript定好的 变量 而已。

Answer 2

function之内的调用时才会执行,之外的浏览器加载时从上至下执行

Answer 3

后面的是页面load完成后再设置img.src='img/1.jpg';这时候并不会自动下载这个image文件，除非你在draw()使用ajax，否则看不到土坯，要刷新才能看到
前面一种是在页面load过程中设置img.src='img/1.jpg';浏览器会自动下载该图片，所以能正常显示

Answer 4

刷新的时候又会重新load一次页面呀，这时候就会把那个图片下载下来然后就可以绘制了