Carregar dinamicamente javascript externo na página

Autor：Eve Cole Data da Última Atualização：2009-05-31 00:37:33

Às vezes é necessário introduzir dinamicamente um pedaço de javascript após o carregamento de um determinado div na página da web. A solução no IE:

A seguir está o conteúdo citado:
CÓDIGO:
newjs.onreadystatechange=função(){
if (newjs. readyState == 'carregado') {
// preparar!
}
}

newjs.onload = função ( ) {
// preparar!
}

Os eventos onload e onreadystatechange são usados principalmente. Aproveitando isso, você também pode carregar CSS externo dinamicamente. A seguir está um método de escrita adequado para Ie/firefox.

A seguir está o conteúdo citado:
CÓDIGO:
var css;
função include_css (css_file) {
var html_doc=document.getElementsByTagName('head')[0];
css=document.createElement('link');
css.setAttribute ('rel', 'folha de estilo' );
css.setAttribute ( 'tipo', 'texto/css' );
css.setAttribute('href', css_file);
html_doc.appendChild(css);

//mudança de estado de alerta
css.onreadystatechange=função(){
if (css. readyState == 'completo') {
alert('CSS onreadystatechange disparado');
}
}
css.onload = função ( ) {
alert('CSS onload disparado');
}
retornar falso;
}

var js;
função include_js (arquivo) {
var html_doc=document.getElementsByTagName('head')[0];
js = document.createElement('script');
js.setAttribute ('tipo', 'texto/javascript' );
js.setAttribute('src', arquivo);
html_doc.appendChild(js);

js.onreadystatechange=função(){
if (js. readyState == 'completo') {
alert('JS onreadystate disparado');
}
}

js.onload = função ( ) {
alert('JS onload disparado');
}
retornar falso;
}