Sign up with your email address to be the first to know about new products, VIP offers, blog features & more.

Insertar código Javascript en una página web

Existen distintos modos de incluir lenguaje Javascript en una página web. La forma más frecuente de hacerlo es utilizando la etiqueta <script type="text/javascript"> en un archivo HTML. El formato es el siguiente:

<!doctype html>

<html>

  <head>
    <title>A blank HTML page</title>
    <meta charset="utf-8" />

    <script type="text/javascript">

      // Aquí insertaremos el código Javascript.

    </script>

  </head>

  <body>

  </body>

</html>

Se pueden incluir tantas etiquetas script como se quiera en un documento. Otra manera de utilizar Javascript es mediante el atributo src de la etiqueta script. Este atributo se utiliza para incluir un archivo externo que contiene Javascript y que quiere incluirse en el código HTML. El archivo externo simplemente es un archivo del texto que contiene código JavaScript, y cuyo nombre acaba con la extensión js:

<!doctype html>

<html>

  <head>
    <title>A blank HTML page</title>
    <meta charset="utf-8" />

    <script type="text/javascript" src="archivo.js"></script>
  </head>

  <body>

  </body>

</html>

Y por último, puede incluirse también código Javascript como respuesta a algún evento. Aquí se muestra un ejemplo en el que el usuario cuando pulsa el botón Clic le aparece un mensaje que le dice que acaba de pulsar ese mismo botón:

<!doctype html>

<html>

  <head>
    <title>A blank HTML page</title>
    <meta charset="utf-8" />
  </head>

  <body>
  <input type="submit" onclick="alert('Acabas de hacer clic');return false;" value="Clic">
  </body>

</html>