title: document.head, document.body to attach scripts
body: <p>I have often used, and seen recommended, dom-access structures like this for adding content to pages dynamically:</p>
  
  <pre><code>loader = document.createElement('script');
  loader.src = "myurl.js";
  document.getElementsByTagName('head')[0].appendChild(loader);
  </code></pre>
  
  <p>Now, by chance, I find that this works in Google chrome:</p>
  
  <pre><code>document.head.appendChild(loader);
  </code></pre>
  
  <p>A little more investigation, and I find that this works, apparently cross-browser:</p>
  
  <pre><code>document.body.appendChild(loader);
  </code></pre>
  
  <p>So my primary question is: are there any reasons why I shouldn't attach elements to the BODY like this?</p>
  
  <p>Also, do you think <code>document.head</code> will become more widely supported? </p>