JavaScript
JavaScript es una de las tres tecnologías de las que está conformado la web, HTML y CSS son las otras dos, de aquí la importancia de este lenguaje.
En definición
Es un lenguaje ligero o interpretado orientado a objetos, también conocido como el lenguaje de script de las páginas web.
¿Por qué es importante?
- Proporciona interactividad en sitios web.
- No solo es utilizado en páginas web.
- Es una de las tres tecnologías más importantes de la web.
Aplicación fuera de las páginas web
En entornos de escritorio para aplicaciones y base de datos, entre las que destacan:
- Node.js
- MongoDB
- CouchDB
- Adobe acrobat
Podría interesarte Qué es un programador Backend y Frontend
Colocar JavaScript en páginas HTML
Es posible colocar código JavaScript en una página HTML en las secciones del head o el body, la cantidad de scripts no está limitado.
El código JavaScript se coloca entre las etiquetas <script>:
<script>
//Código JavaScript
</script>Ejemplo
En el ejemplo siguiente creare una página HTML, agregare un botón y agregare código JavaScript en el head que lanzara un mensaje al oprimir el botón.
<!DOCTYPE html>
<html>
<head>
<title>Inicio</title>
<script>
function funcAceptar(){
alert("Se ha oprimido Aceptar");
}
</script>
</head>
<body>
<button id="btnAceptar" onclick="funcAceptar()">Aceptar</button>
</body>
</html>- La propiedad onclick hace el llamado de la función funcAceptar del JavaScript ubicado en el head.
- Entre las etiquetas <script> se coloca la función funcAceptar de tipo function, sin recibir parámetros y con llaves.
- Dentro de las llaves se colocarán las operaciones a ejecutar.
- Alert es una función que lanza un mensaje personalizado entre los paréntesis.
Colocar JavaScript externo a la página HTML
Otra manera de agregar código JavaScript a una página web es mediante la creación de archivos JavaScript (js).
Dentro de estos archivos se coloca todo el código JavaScript, mediante un enlace en la página HTML se hace llamado a ese código.
El código siguiente coloca el enlace de llamado al archivo JavaScript.
<!DOCTYPE html>
<html>
<head>
<title>Inicio</title>
<script src="script.js"></script>
</head>
<body>
<button id="btnAceptar" onclick="funcAceptar()">Aceptar</button>
</body>
</html>- Se coloca una etiqueta <script>y se agrega la propiedad src.
- Asignamos la ruta del script en la propiedad src.
- Es posible agregar la ruta del mismo directorio o una url externa.
Seguimos con la creación del archivo de nombre script con terminación .js y le agregamos el contenido siguiente:
function funcAceptar(){
alert("Se ha oprimido Aceptar");
}Colocamos ambos archivos en la misma carpeta y proseguimos a ejecutar el archivo HTML, el resultado debe ser igual al primer ejemplo.
