Como, se tem utilizado muito esta historia de ajax, acho interessante não deixar todos os scripts JS carregados em nossa pagina quando a carregamos a primeira vez…

E se você nao quer ficar recarregando a pagina todas as vezes que precisa buscar um novo JS ou algum dado novo, pode se utilizar de uma tatica, um tanto interessante: carregar os arquivos JavaScript “on-demand”, ou seja, somente quando necessário.

Assim você pode muito bem repartir e organizar mais ainda suas funcoes JS e, deixar a pagina principal beeeemmm mais rapida para carregar, do que se estivesse com muitas tags scripts no inicio…

Segue, abaixo, uma funçãozinha JavaScript que montei juntando dados de scripts da internet.
A moral é que ela recebe o caminho de um arquivo JS para carregar na pagina, mas porém, retira a tag onde o mesmo JS já foi carregado anteriormente, assim não deixando ficar tags apontadoras para o mesmo arquivo repetidas, e não deixa ficar um monte de lixo desnecessário na pagina, o que pode ocasionar uma lentidão demasiada do browser…

function dhtmlLoadScript(url){
    var e = document.createElement("script"); //Cria o objeto para inserir na pagina..
    e.language = 'JavsScript';
    e.src = url;
    e.type="text/javascript";
    var hdEl = document.getElementsByTagName("head")[0];
    if (hdEl.childNodes.length > 1) { //Se tem filhos..
        for ( var i = 0; i -1 ){
                    hdEl.removeChild(ch);
                }
            }
        }
    }
    hdEl.appendChild(e);
}

Um exemplo completo segue no meu wiki…