NorfiPC
NorfiPC » Inf » JavaScript

Qué es JavaScript, introducción, uso y ejemplos prácticos

Explicamos de forma sencilla en que consiste y como usar JavaScript en las páginas de internet, para agregarles dinamismo, interactividad, animación y efectos.
Que es JavaScript, introducción, uso y ejemplos prácticos Usamos JavaScript de una forma u otra en todas las páginas de este sitio y en varias de ellas específicamente para hacer funcionar varias herramientas web y utilidades.
Algunas como los generadores de códigos QR, convertidores de símbolos, compresores, despiertan el interés de los visitantes, por lo que compartimos libremente el código usado en la sección Códigos.
Esta información está dedicada principalmente a aficionados de la publicación web y otras personas que no poseen conocimientos avanzados.
Para todos los que se interesan en el uso práctico de JavaScript, este artículo funciona como una especie de introducción al aprendizaje y uso de este lenguaje de programación en la práctica, usando sus reglas elementales.


¿Qué es JavaScript y para que usarla?


JavaScript es un lenguaje de programación usado en páginas y aplicaciones web.
Complementa al tradicional HTML que escribe el contenido de las páginas en el navegador y les agrega dinamismo, interactividad, animación y efectos.
JavaScript funciona desde el navegador, por lo que muchas funciones están disponibles en las páginas, aun sin conexión.
Se puede comprobar con todos los ejemplos que mostramos más abajo en esta misma página, si la guardamos y cargamos sin conexión.
JavaScript es casi imprescindible actualmente en la web moderna y está detrás de gran mayoría de recursos disponibles en internet.

¿Cómo funciona JavaScript?


Todos los navegadores modernos incluyen un intérprete o motor de JavaScript, que traduce e interpreta las instrucciones escritas en este lenguaje en las páginas.
Esto permite la rapidez e inmediatez que no es posible en otros lenguajes como PHP que se ejecutan en el servidor web.
El navegador reconoce las instrucciones de JavaScript de dos formas:
✔ Insertadas dentro de las etiquetas <script></script>
✔ Como atributos de elementos antecedidos por la instruccion: "javascript:"
Algunos ejemplos a continuación.


Ejemplos sencillos del uso de JavaScript

La función alert() abre un pequeño cuadro de alerta en el navegador, mostrando cualquier información que se especifique.
Si la insertamos directamente dentro de un elemento script de la siguiente forma, se ejecutará inmediatamente al cargar la página.
<script>
alert('Mensaje');
</script>
Para usarla solo a petición del lector, debemos de emplearla dentro de otra función, que llamamos en este ejemplo "inialert", la que llamaremos usando un enlace de la siguiente forma.
<script>
function inialert(){
alert('Hola')
}
</script>
<a href="javascript:inialert();">Probar</a>
Probar
Otra forma aún más sencilla de hacerlo es incluir la función directamente en un enlace, de la siguiente forma:
<a href="javascript:alert('Hola!');">Probar</a>
Probar
La misma función también se puede insertar en distintos elementos usando el evento "onclick" como disparador.
Dos ejemplos, en un botón y en un bloque o contenedor.
<button onclick="javascript:alert('Mensaje!');">Probar</button>
<div onclick="javascript:alert('Mensaje!');">Bloque</div>
Probar ambos:
Bloque

Este método solo es de utilidad cuando se trata de funciones sencillas, no obstante nos sirve para experimentar.
A continuación en vez de un mensaje de texto, obtenemos el título de esta página usando el objeto "document.title".
<a href="javascript:alert(''+document.title);">Ver título</a>
Probar: Ver título
Otros objetos de JavaScript que se pueden emplear de forma similar son:
location.href – Muestra la dirección URL de esta página.
navigator.appName – Muestra el nombre del navegador.
document.cookie - Muestras cookies guardadas por este sitio.
document.lastModified - Muestra la fecha y hora exacta de la última modificación de este documento.
Usa los enlaces para probar las funciones y conoce todos objetos de JavaScript.


Usos prácticos de JavaScript


Con JavaScript es posible realizar sencillos o complejos cálculos matemáticos, todo tipo de tareas relacionadas con fechas, el tiempo y la hora y otras funciones de programación.
En las páginas web es usada principalmente para las siguientes tareas:
1- Facilitar al lector interactuar con el contenido de la página, mediante eventos en botones, enlaces, bloques y en cualquier otro elemento.
También se pueden detectar acciones como desplazarse por la página, situar el mouse encima de cualquier elemento, ejecutar pulsaciones con el teclado, etc. y en base a eso ejecutar acciones determinadas.
Esto agrega dinamismo y hace las páginas de internet más funcionales.
2- Enviar o transferir datos desde el servidor en internet, sin tener que recargar la página, usando AJAX.
Por ejemplo escribir actualizaciones en las redes sociales y recibir notificaciones en tiempo real, usar el chat, enviar y recibir mensajes, cargar contenido de otras páginas o de archivos RSS, etc.
3- Manipular la estructura de las paginas (DOM).
Sus funciones y métodos permiten modificar bloques o elementos aislados, eliminarlos, moverlos, cambiar su estilo o agregarles contenido, entre otras funcionalidades.
4- Convertir las paginas en aplicaciones web, con las que es posible jugar, oír música o video, editar imágenes y otras acciones, de forma similar a como lo hacemos con programas en la computadora.
Todas estas funcionalidades se extienden considerablemente usando Librerías de JavaScript adicionales como JQuery.


Infografía sobre el funcionamiento de Javascript

Infografía que demuestra cómo crear un simple código y como ejecutarlo de tres formas diferentes, con un enlace HTML, con un botón y mediante un bloque.
Funcionamiento de JavaScript

Páginas relacionadas