Tenés que invocar la función una vez que se cargó el documento
Código Javascript
:
Ver originalwindow.onload = function(){
diHola();
}
Yo en particular, para cargar tanto js como css dinámicos (bastante común cuando cargás html que contiene javascript con ajax), utilizo esta script
Código Javascript
:
Ver originalvar cargarObjetos="";
function cargarRecursos(){
if(!document.getElementById){
return;
}
var i = 0;for(i=0; i<arguments.length; i++){
var archivo=arguments[i];var archivoref="";
if(cargarObjetos.indexOf(archivo)==-1){
if(archivo.indexOf(".js")!=-1){
archivoref=document.createElement('script');archivoref.setAttribute("type","text/javascript");
archivoref.setAttribute("src", archivo);
}else if(archivo.indexOf(".css")!=-1){
archivoref=document.createElement("link");
archivoref.setAttribute("rel", "stylesheet");
archivoref.setAttribute("type", "text/css");
archivoref.setAttribute("href", archivo);
}
}if(archivoref!=""){
document.getElementsByTagName("head").item(0).appendChild(archivoref);
cargarObjetos+=archivo+" ";
}
}
}
Cargándola en el header.
Saludos