Categorías: Tutoriales

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" >   </body>

</html>

Manuel Ignacio López Quintero

Doctor en Ingeniería Informática especializado en Sistemas Inteligentes y Visión Artificial. Profesor y coadministrador de Linux Hispano. Para más información o para contactar con él visita su página oficial: Manuel Ignacio López Quintero.

Ver comentarios

Entradas recientes

EOF

15 horas hace

CERN

1 semana hace

Agua

2 semanas hace

Aire acondicionado

3 semanas hace

Eclipse

4 semanas hace

Monitoriza tu consumo de Claude Code en GNOME con Python y AppIndicator

Si trabajas a diario con Claude Code, seguramente te haya pasado: estás a mitad de…

1 mes hace