<script type="text/JavaScript"> function loadFile(url) { var script = document.createElement('SCRIPT'); script.src = url; document.getElementsByTagName('HEAD')[0].appendChild(script); }</script>
<script type="text/JavaScript"> function loadFile(url) { function callback() { if (req.readyState == 4) { // 4 = Loaded if (req.status == 200) { eval(req.responseText); } else { // Error } } }; var req = new XMLHttpRequest(); req.onreadystatechange = callback; req.open("GET", url, true); req.send(""); }</script>
<html>...<script id="lazy">// Make sure you strip out (or replace) comment blocks in your JavaScript first./*JavaScript of lazy module*/</script><script> function lazyLoad() { var lazyElement = document.getElementById('lazy'); var lazyElementBody = lazyElement.innerHTML; var jsCode = stripOutCommentBlock(lazyElementBody); eval(jsCode); }</script><div onclick=lazyLoad()> Lazy Load </div></html>