aaronpowell/Loader.html

## Loader.html
<!doctype html>
<html>
  <head>
    <title>Loader</title>
    <script type="text/javascript">
      //assume this is in an external file, so we do an external here
      var loader = (function() {
        var scripts = [];

        var ret = {
          add: function(src) {
            if(!scripts.indexOf(src)) {
              scripts.push(src);
            }
            return ret;
          },
          render: function() {
            while(scripts.length) {
              var src = scripts.pop();
              document.write("<script type='text/javascript' src='" + src + "'></" + "script>");
            }
            return ret;
          }
        };
        return ret;
      })();
    </script>

    <script type="text/javascript">
      loader.add('/path/to/jquery.js');
    </script>
  </head>
  <body>
    <h1>Hello World!</h1>

    <script type="text/javascript">
      loader.add('/path/to/my-script.js');
    </script>


    <script type="text/javascript">
      loader.render();
    </script>
  </body>
</html>
	<!doctype html>
	<html>
	<head>
	<title>Loader</title>
	<script type="text/javascript">
	//assume this is in an external file, so we do an external here
	var loader = (function() {
	var scripts = [];

	var ret = {
	add: function(src) {
	if(!scripts.indexOf(src)) {
	scripts.push(src);
	}
	return ret;
	},
	render: function() {
	while(scripts.length) {
	var src = scripts.pop();
	document.write("<script type='text/javascript' src='" + src + "'></" + "script>");
	}
	return ret;
	}
	};
	return ret;
	})();
	</script>

	<script type="text/javascript">
	loader.add('/path/to/jquery.js');
	</script>
	</head>
	<body>
	<h1>Hello World!</h1>

	<script type="text/javascript">
	loader.add('/path/to/my-script.js');
	</script>


	<script type="text/javascript">
	loader.render();
	</script>
	</body>
	</html>