2

当我在 IE7/WinXP32 中执行下面的代码时，控制台中的输出是“未定义”。当我进行以下两项修改时，输出将更改为预期的“getContext()” ：

  • 我删除了图像标签。
  • 我使用：<body onload="draw()">

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

<!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();
}
4

1 回答 1

2

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

于 2010-07-18T06:07:30.753 回答