Question

当我在IE7 / WinXP32中执行下面的代码时，控制台中的输出是“未定义”。当我做两次修改时，输出变为预期的“getContext（）”：

我删除了图片代码。
我使用：＆lt; body onload =“draw（）”＆gt;

知道这里发生了什么吗？什么是解决方法？

<!DOCTYPE HTML PUBLIC 
  "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
  <title>Canvas</title>        
  <script type="text/javascript">
    var djConfig = {parseOnLoad: false, isDebug: true};
  </script>
  <script type="text/javascript" 
    src="/development/javascript/dojo-release-1.4.3-src/dojo/dojo.js">
  </script>
  <!--[if IE]>
    <script type="text/javascript" src="/javascript/excanvas_r73.js"></script>
  <![endif]-->
  <script type="text/javascript">
    function draw() {
        var canvas = dojo.byId("canvas");
        console.log(canvas.getContext);
    }

    dojo.addOnLoad(draw);
  </script>
</head>

<body>
  <canvas id="canvas" width="100" height="100"></canvas>
  <img src="nonexisting.gif">
</body>

</html>

更新：似乎更换“dojo.addOnLoad（draw）;”使用以下代码可以解决问题。

function init() {
    dojo.addOnLoad(draw);
}

if (dojo.isIE) {
    dojo.connect('onload', init);
} else {
    init();
}

Answer 1

dojo.addOnLoad在document.onload之前触发。我认为它与DOMContentLoaded相关联。也许excanvas在同一个事件上进行初始化？你能用到document.onload吗？

excanvas + Dojo：getContext未定义

1 个答案: