Cómo ejecutar una función cuando se carga la página?

En lugar de usar jQuery o window.onload, JavaScript nativo ha adoptado algunas funciones excelentes desde el lanzamiento de jQuery. Todos los navegadores modernos ahora tienen su propia función DOM ready sin el uso de una biblioteca jQuery.

Lo recomendaría si usa Javascript nativo.

document.addEventListener('DOMContentLoaded', function() {
    alert("Ready!");
}, false);

Tomando la respuesta de Darin pero al estilo jQuery. (Sé que el usuario pidió javascript).

Ejecución de violín

$(document).ready ( function(){
   alert('ok');
});​

window.onload = function() { ... sucesivamente. no es una gran respuesta.

Esto probablemente funcionará, pero también romperá cualquier otra función que ya esté conectada a ese evento. O, si otra función se engancha en ese evento después del tuyo, romperá el tuyo. Por lo tanto, puede pasar muchas horas más tarde tratando de averiguar por qué algo que estaba funcionando ya no lo es.

Una respuesta más robusta aquí:

if(window.attachEvent) {
    window.attachEvent('onload', yourFunctionName);
} else {
    if(window.onload) {
        var curronload = window.onload;
        var newonload = function(evt) {
            curronload(evt);
            yourFunctionName(evt);
        };
        window.onload = newonload;
    } else {
        window.onload = yourFunctionName;
    }
}

Algún código que he estado usando, olvido dónde lo encontré para darle al autor crédito.

function my_function() {
    // whatever code I want to run after page load
}
if (window.attachEvent) {window.attachEvent('onload', my_function);}
else if (window.addEventListener) {window.addEventListener('load', my_function, false);}
else {document.addEventListener('load', my_function, false);}

Espero que esto ayude :)

Solución Alternativa. Prefiero esto por la brevedad y simplicidad del código.

(function () {
    alert("I am here");
})();

Esta es una función anónima, donde no se especifica el nombre. Lo que sucede aquí es que, la función se define y ejecuta juntos. Agregue esto al principio o al final del cuerpo, dependiendo de si se va a ejecutar antes de cargar la página o poco después de que se carguen todos los elementos HTML.

Eche un vistazo al script domReady que permite configurar múltiples funciones para ejecutarse cuando el DOM se ha cargado. Es básicamente lo que hace Dom ready en muchas bibliotecas JavaScript populares, pero es liviano y se puede tomar y agregar al inicio de su archivo de script externo.

Ejemplo de uso

// add reference to domReady script or place 
// contents of script before here

function codeAddress() {

}

domReady(codeAddress);