title: Canvas onload event isn't firing
body: <p>I can't get the <code>onload</code> event to work for a <code>Canvas</code> element.  Here's the HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;script src="js/main.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;canvas id="modelZone" onload="initializeCanvas();" width="400" height="300"&gt;&lt;/canvas&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And here's the Javascript in <code>main.js</code>:</p>
  
  <pre><code>function initializeCanvas(){
      alert("hello");
  }
  </code></pre>
  
  <p>I know that the HTML is finding <code>main.js</code>, because if I change <code>onload</code> to <code>onclick</code> it works correctly: clicking in the region of the Canvas triggers an alert.  So why can't I do this with <code>onload</code>?</p>