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

[David]

Porque al poner la función nuevoDato dentro de esa función anónima solo pertenecerá a ese ámbito, no al ámbito global.

[emprear]

Iniciado por 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

Para no dejarlo en el aire y evitar confusiones, el concepto es al revés. el evento ready se inicia cuando todo el árbol del documento ha sido cargado, es decir que es "posterior" a la lectura del DOM y no anterior.

Saludos

[sfvgekko]

Ok gracias a los 2