cargar javascript dinamicamente

Hola mi duda es sobre cargar codigo javascript dinamicamente, buscando por google encontre que el secreto esta en una funcion como esta:

function loadScript(path){
script = document.createElement('script');
script.type = 'text/javascript';
script.src = path;
document.getElementsByTagName('head')[0].appendChild(script);
}

Pero tengo dudas, que no he encontrado por ningun lado, quiero saber sobre esto porque mi js esta muy grande
y mi pagina jamas se refresca, ya saben uso el hash, entre mis principales dudas esta:

¿Al cargar un escript de esta manera automaticamente borra el primero?(veo que la funcion siempre dice
document.getElementsByTagName('head')[0].appendChild(script); entonces siempre colocara mi escrip en head0 sobre escribiendo el anterior.)
o exactamente como funciona esto??

No, no lo borrará, aparecerá repetido tantas veces como veces llames a ese código (y mientras no se recargue la página claro está).

Lo que puedes hacer es verificar si ya existe el tag <scrip> que acabas de crear, para ello podrías agregarle el atributo id a <script>.

Mmm... este tema me parece suficientemente interesante como para escribir un artículo al respecto...

entiendo lo de colocar el id, imagino que ese id lo usaria para ver si la funcion esta cargada, nadamas una duda como pregunto con javascript si un id existe??

Código Javascript :

if (document.getElementbyId("elid")) {
   alert("elid existe");
} else {
   alert("elid NO existe");
}

El método getElementbyId devuelve NULL si no encuentra un elemento con el id indicado, NULL evalua a falso en un if, cualquier otro valor evaluará verdadero, en este caso un puntero al elemento con ese id.

Pues como había prometido, he escrito un artículo donde abordo este tema con detalle.

Cargar dinámicamente archivos JavaScript.

Que les aproveche