Introducción: primer script en javascript.

Implementando javascript

Vamos a ver cómo implementar javascript en nuestras webs, para ello debemos destacar que estamos tratando con un lenguaje de script, es decir, una secuencia de comandos que juntos forman una unidad funcional.

Podemos utilizar Javascript principalmente de dos maneras:

Javascript dentro del código HTML: Mediante las etiquetas <script>Código</script>, podemos integrar de manera rápida y sencilla scripts js en nuestras webs.

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Introducción a Javascript</h1>
    <script>
        //Comando js:
        alert("Mensaje de prueba");
    </script>
</body>
</html>

Javascript enlazado como documento: Una alternativa más organizada es la de vincular nuestra web con documentos js externos, de modo que los scripts estén localizados. Suponiendo un documento index.html al que deseamos vincular un documento test.js, debemos utilizar la siguiente sentencia:

<script src="./test.js"></script>

De modo que tendríamos los siguientes dos documentos:

HTML:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Introducción a Javascript</h1>
    <script src="./test.js"></script>
</body>
</html>

JS:

//Comando js:
alert("Mensaje de prueba");

! Es importante recordar que los scripts deben añadirse en el body y no en el header para no postergar la carga de la web.