Cargue dinámicamente javascript externo en la página

Autor：Eve Cole Fecha de actualización：2009-05-31 00:37:33

A veces es necesario introducir dinámicamente un fragmento de JavaScript después de cargar un determinado div en la página web. La solución en IE:

El siguiente es el contenido citado:
CÓDIGO:
newjs.onreadystatechange = función () {
if (newjs. readyState == 'cargado') {
// ¡listo!
}
}

nuevojs.cargar = función ( ) {
// ¡listo!
}

Se utilizan principalmente los eventos onload y onreadystatechange. Aprovechando esto, también puedes cargar dinámicamente CSS externo. El siguiente es un método de escritura adecuado tanto para Ie como para Firefox.

El siguiente es el contenido citado:
CÓDIGO:
var css;
función incluir_css (archivo_css) {
var html_doc = documento. getElementsByTagName ('cabeza') [0];
css = document.createElement ('enlace');
css.setAttribute ('rel', 'hoja de estilo');
css.setAttribute ('tipo', 'texto/css');
css.setAttribute('href', css_file);
html_doc.appendChild(css);

// cambio de estado de alerta
css.cambiodeestadopreparado = función ( ) {
if (css. readyState == 'completo') {
alerta ('CSS onreadystatechange activado');
}
}
css.cargar = función ( ) {
alerta ('carga de CSS activada');
}
devolver falso;
}

varjs;
función include_js (archivo) {
var html_doc = documento. getElementsByTagName ('cabeza') [0];
js = document.createElement ('guión');
js.setAttribute ('tipo', 'texto/javascript');
js.setAttribute ('src', archivo);
html_doc.appendChild(js);

js.onreadystatechange = función ( ) {
if (js. readyState == 'completo') {
alerta ('JS onreadystate disparado');
}
}

js.cargar = función ( ) {
alerta ('JS onload disparado');
}
devolver falso;
}