Mittwoch, 11. April 2012

Javascript dynamisch via Javascript nachladen

Hier http://murksfurtz.blogspot.de/2008/12/mit-ajax-nachgeladene-javascript.html habe ich gezeigt, wie man per Ajax nachgeladenen Javascript-Code ausführbar machen kann.

Eine wahrscheinlich bessere Variante ist es, das Javascript einfach dynamisch in der Hauptdatei via Javascript nachzuladen, denn es sind dann keine Anpassungen an der Syntax des Scripts notwendig und es entfällt auch die Evaluierung, welche je nach Rechenkraft schon etwas Zeit in Anspruch nehmen kann.

Ein Beispiel:

<script type="text/javascript">
function loadScript(scriptname) {
var snode = document.createElement('script');
snode.setAttribute('type','text/javascript');
snode.setAttribute('src',scriptname);
document.getElementsByTagName('head')[0].appendChild(snode);
}
loadScript('../js/benoetigtes_script.js');
</script>


So kann man also Javascript-Funktionen nachladen, die man für neue nachgeladene Ajax-Inhalte benötigt. Zum Beispiel ein Script eines ColorPickers, den man für eine Design-Funkion benötigt.

Keine Kommentare: