Ejecutar codigo Javascript correctamente

Como muchos de vosotros sabréis, Javascript tiene varias maneras de ejecutar su código, ya sea embebiendo su código directamente en el <body> del documento .html, en un archivo externo, etcétera.


Pues bien, la que es para mi la mejor manera de ejecutar código Javascript es la siguiente:
<!DOCTYPE html>
<html>
<head>
    <title>Javascript</title>
    <script type="text/javascript">

        window.addEventListener("load", init, false);

        function init() {
            alert("Hola mundo!");
        }

    </script>
</head>
<body>
    <p>Hola mundo!</p>
</body>
</html>
La principal idea es utilizando el método de window addEventListener el cual trabaja correctamente con el estándar de la W3C DOM, y puede usarse para cualquier elemento DOM y no solo en elementos HTML.

Solo resta decir que como ya imaginarás puedes usar esto mismo utilizando un archivo Javascript externo, o usando una función anónima como segundo parámetro del addEventListener.

Si quieres saber más acerca de este método, compatibilidades, ejemplos, etcétera, aquí dejo un enlace a la página web oficial de Mozilla donde está todo con detalle.

https://developer.mozilla.org/es/docs/DOM/elemento.addEventListener

Comentarios

  1. No me ha quedado claro cuales son las ventajas de utilizar addEventListener

    ResponderEliminar
    Respuestas
    1. La verdad es que no hay grandes diferencias, solo debes tener en cuenta que esta misma forma de añadir eventos utilizando el DOM de nivel 2 en IE8 e inferiores se realiza con el método:

      elemento.attachEvent('onclick', miFuncion);

      Muy parecido al "addEventListener", la principal ventaja es que estos eventos no se guardan como un atributo del objeto al que añadimos el evento, lo que hace que podamos añadir un número ilimitado de eventos para un mismo elemento.

      En cambio si usamos "elemento.onclick" en dos ocasiones, el código de la segunda sobreescribirá al código de la primera ya que "onclick" es un atributo como otro cualquiera.

      Saludos.

      Eliminar

Publicar un comentario

Si tenéis alguna duda o sugerencia, no dudéis en comentar. ;)

Entradas populares de este blog

Autocompletado de codigo en Sublime Text

Compilar y ejecutar JAVA desde Notepad++

Compilar y ejecutar JAVA desde Sublime Text