Duda con el document.ready

[sfvgekko]

Hola

He leido que para asegurarnos en JS que un codigo se ejecuta antes de cargar completamente la pagina conviene incluirlo dentro de esta funcion:

$(document).ready(function() {

}

Asi lo hago habitualmente, meto ahi todo el codigo JS, y hago las capturas de los eventos desde aqui con jquery por ejemplo:

$('#boton_1').click(function() {
nuevoDato();
});


Sin embargo si intento hacer lo mismo colocando un evento inline con una llamada a una funcion en el propio codigo HTML asi:

<button type="button" id="boton_1" onclick="nuevoDato();">Texto</button>

He observado que solo funciona siempre que la funcion nuevoDato() este definida fuera de ese $document.ready

Imagino que la solucion es meter dentro de esa funcion ready el codigo que quiero que se ejecute por fuerza antes de cargar la pagina y dejar fuera el resto, pero porque sucede esto, porque no funciona esa funcion metida dentro del ready?


Gracias