RSS Feed

Javascript include mit Document Object Model (DOM)

22.06.2006 by naden

Wie ich vor einiger Zeit (hier) gezeigt habe, ist eine dynmische Einbindung von zusätzlichen Javascript-Dateiein aus Javascript heraus simpel möglich.

Wenn der Browser das Document Object Model (DOM) unterstützt, so gibt es auch noch einen anderen Weg. Der Aufruf erfolgt wie gehabt.

function Include( files ) {
 if( files.length == 0 ) {
  return;
 }
 if( !document.createElement ) {
  return;
 }
 
 for( index in files ) {
  if( '/' + files[ index ][ 0 ] == document.location.pathname || files[ index ][ 0 ] == '' ) {
   var script = document.createElement( 'script' );
 
   if( script ) {
    script.setAttribute( 'type', 'text/javascript' );
    script.setAttribute( 'src', files[ index ][ 1 ] );
 
    var head = document.getElementsByTagName( 'head' )[ 0 ];
    if( head ) {
     head.appendChild( script );
    }
   }
  }
 }
}
 
/* Aufruf der Include-Funktion. Ist das Erste Feld ein leerer String '', dann wird immer included */
 
Include( [ [ '', 'main.lib.js' ], [ 'messenger.php', 'messenger.class.js' ] ] );

Keine Kommentare »

Noch keine Kommentare

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>