为什么运行不出来 打开网页什么都没有

<!DOCTYPE html>
<html>
<head>
    <title>画图</title>
    <meta charset="GB2312"/>
    <script type="text/javascript" charset="gb2312">
    function draw(){
        var c=document.getElementById("canvas1");
        if (c==null)
            return false;
        var context=c.getContext('2d');
        context.strokeStyle='#001';
        //直线
        context.lineWidth=10;
        context.lineCap='square';
        context.beginPath();
        context.moveTo(20,0);
        context.lineTo(100,0);
        context.stroke();
        //实心矩形
}
    </script>
</head>
<body onload="draw()">
  <canvas id="canvas1" width="400" height="300">该浏览器不支持HTML5的画布标记！</canvas>
</body>
</html>

没有问题，火狐浏览器下正常画图

 

<!DOCTYPE html>
<html>
<head>
    <title>画图</title>
    <meta charset="GB2312"/>
    <script type="text/javascript" charset="gb2312">
    function draw(){
        var c=document.getElementById("canvas1");
        if (c==null)
            return false;
        var context=c.getContext('2d');
        context.strokeStyle='#001';
        //直线
        context.lineWidth=10;
        context.lineCap='square';
        context.beginPath();
        context.moveTo(20,0);
        context.lineTo(400,0);
        context.stroke();
        //实心矩形
}
window.onload = draw;
    </script>
</head>
<body>
  <canvas id="canvas1" width="400" height="300">该浏览器不支持HTML5的画布标记！</canvas>
</body>
</html>