asynchronous loading of javascripts


/ Published in: Other
Save to your folder(s)



Copy this code and paste it in your HTML
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <meta name="generator" content="HTML Tidy for Mac OS X (vers 1 September 2005), see www.w3.org" />
  6. <script type="text/javascript">
  7. //<![CDATA[
  8. function L(B,D){var A=document.createElement("script"),C=document.documentElement.firstChild;A.type="text/javascript";if(A.readyState){A.onreadystatechange=function(){if(A.readyState=="loaded"||A.readyState=="complete"){A.onreadystatechange=null;D()}}}else{A.onload=function(){D()}}A.src=B;C.insertBefore(A,C.firstChild)};
  9.  
  10. // async loading of javascript files, starting asap.
  11. L("http://example.com/example.js",function () {
  12. doSomething();
  13. });
  14. L("http://example.com/foo.js", function () {
  15. fooSomeBar();
  16. });
  17. //]]>
  18.  
  19. <title>Javascript loading example</title>
  20. </head>
  21.  
  22. <p>When the JS loads, you'll see something being done, and some bar being fooed.</p>
  23. </body>
  24. </html>
  25.  

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.