porqué pasa esto

icm9 · #1 (**permalink**) 10/10/2014, 19:18

Tengo el archivo.html y el archivo.js por separado,
en el html tengo una parte donde dice:
<button id='xd' onclick='submit()'>

el tema es q en onclick llama la funciona submit,
que en el archivo js esta asi:

window.onload=function(){
function submit(){alert();}
}

no se ejecuta la funciona cuando hago click, pero si pongo la funcion submit fuera de la funcion de window.onload si se ejecuta, porque?

necesito que este dentro del onload, porque quiero usar unas variables que solo puedo definir cuando se carga la pagina, y al estar fuera del onload la funcion submit, no puedo acceder a las variables esas, por ejemplo una que sea algun elemento, solo puedo definirla cuando termina de cargar la pagina, pero no la puedo usar en la funcion submit.

Alexis88 · #2 (**permalink**) 10/10/2014, 19:52

Haciendo esto:

Código Javascript:

Ver originalwindow.onload = function(){
    foo = 1;
};
 
function submit(){
    alert(foo);
}

Funciona como se espera, pero si tu preocupación es que cargue el código JS luego de la carga del documento, simplemente coloca todo el código justo antes de la etiqueta </body>.

Código HTML:

Ver original<!DOCTYPE html>
<html lang = "es">
<head>
    <meta charset = "utf-8" />
    <title>Título</title>
</head>
<body>
    <button>Botón</button>
    <!-- Otros elementos -->
    <script type = "text/javascript">
    //Aquí debe de ir el código JS
    </script>
</body>
</html>

Con esto, ya no será necesario el uso de window.onload.

Saludos

icm9 · #3 (**permalink**) 10/10/2014, 20:02

gracias me ayudiaste mucho :D

zerokilled · #4 (**permalink**) 10/10/2014, 21:29

buenas,
solo para elaborar un poco la situacion. primero que la funcion submit esta difinda dentro de otra funcion, de modo que esta dentro del scope de onload y el boton no tendrá acceso. y segundo, trata evitar utilizar vocabularios comunes en la API de javascript. si ese botón lo tuvieras dentro de un form, onclick="submit()" no haría rereferencia a la función definida, sino a la función submit de HTMLFormElement.