Sie verwenden umfangreichen Javascript-Code, den Sie in mehrere externe Ressourcen ausgelagert haben. Nun soll nur die Ressource geladen werden, die benötigt wird.
function dynaLoad(s) {
var sElem = document.createElement('script');
sElem.type = 'text/javascript';
sElem.src = s + '.js';
document.getElementsByTagName('head')[0].appendChild(sElem);
}
<body onload="dynaLoad('test_1');"></p>
Die Funktion dynaLoad hängt in den Dokumentenbaum ein neues script-Element im Kopfbereich ein. Danach stehen alle Funktionalitäten, die in der dynamisch geladenen Ressource definiert sind (im Beispiel test_1.js) anderen Javascript-Anwendungen zur Verfügung.