Charger dynamiquement du javascript externe dans la page

Auteur：Eve Cole Date de mise à jour：2009-05-31 00:37:33

Parfois, il est nécessaire d'introduire dynamiquement un morceau de javascript après le chargement d'un certain div dans la page Web. La solution sous IE :

Voici le contenu cité :
CODE:
newjs.onreadystatechange = fonction ( ) {
if (newjs.readyState == 'chargé' ) {
// prêt!
}
}

newjs.onload = fonction ( ) {
// prêt!
}

Les événements onload et onreadystatechange sont principalement utilisés. En profitant de cela, vous pouvez également charger dynamiquement des CSS externes. Ce qui suit est une méthode d'écriture adaptée à la fois à Ie/Firefox.

Voici le contenu cité :
CODE:
var css;
fonction include_css (css_file) {
var html_doc = document. getElementsByTagName ( 'tête' ) [ 0 ];
css = document.createElement ( 'lien' );
css.setAttribute ('rel', 'feuille de style' );
css.setAttribute ( 'type', 'texte/css' );
css.setAttribute('href', css_file);
html_doc.appendChild(css);

// changement d'état d'alerte
css.onreadystatechange = fonction ( ) {
if (css. readyState == 'complete' ) {
alert ( 'CSS onreadystatechange déclenché' );
}
}
css.onload = fonction ( ) {
alert ( 'Chargement CSS déclenché' );
}
renvoie faux ;
}

varjs;
fonction include_js (fichier) {
var html_doc = document. getElementsByTagName ( 'tête' ) [ 0 ];
js = document.createElement ( 'script' );
js.setAttribute ('type', 'texte/javascript' );
js.setAttribute ('src', fichier);
html_doc.appendChild(js);

js.onreadystatechange = fonction ( ) {
if (js. readyState == 'complete' ) {
alert ( 'JS onreadystate déclenché' );
}
}

js.onload = fonction ( ) {
alert ( 'JS onload déclenché' );
}
renvoie faux ;
}