asynchronous .js file loading syntax
Posted
by taber
on Stack Overflow
See other posts from Stack Overflow
or by taber
Published on 2010-05-05T15:02:55Z
Indexed on
2010/05/05
15:08 UTC
Read the original article
Hit count: 365
Hi, I noticed that there seems to be a couple of slightly different syntaxes for loading js files asynchronously, and I was wondering if there's any difference between the two, or if they both pretty much function the same. I'm guessing they work the same, but just wanted to make sure one method isn't better than the other for some reason. :)
Method One
(function() {
var d=document, h=d.getElementsByTagName('head')[0], s=d.createElement('script'); s.type='text/javascript'; s.src='/js/myfile.js'; h.appendChild(s);
})(); /* note ending parenthesis and curly brace */
Method Two (Saw this in Facebook's code)
(function() {
var d=document, h=d.getElementsByTagName('head')[0], s=d.createElement('script'); s.type='text/javascript'; s.async=true; s.src='/js/myfile.js'; h.appendChild(s);
}()); /* note ending parenthesis and curly brace */
© Stack Overflow or respective owner