JavaScript es un lenguaje de programación interpretado de alto nivel utilizado principalmente para agregar interactividad y dinamismo a las páginas web. Fue creado originalmente para ser utilizado en el lado del cliente, es decir, en el navegador web, pero también se utiliza en el lado del servidor y en el desarrollo de aplicaciones móviles y de escritorio.
La utilidad principal de JavaScript radica en su capacidad para interactuar con el HTML y el CSS de una página web, lo que permite manipular y modificar el contenido, el estilo y el comportamiento de los elementos en tiempo real. JavaScript se utiliza para crear efectos visuales, validar formularios, realizar animaciones, cargar datos de forma asíncrona (AJAX), interactuar con servicios web, gestionar eventos, controlar la navegación del usuario y mucho más.
Además, JavaScript cuenta con una amplia variedad de bibliotecas y frameworks, como jQuery, React, Angular y Vue.js, que facilitan el desarrollo de aplicaciones web más complejas y escalables. También se utiliza en el desarrollo de juegos, aplicaciones móviles híbridas, aplicaciones de servidor con Node.js y en la creación de extensiones para navegadores.
Comandos Javascript
- alert(): Muestra una ventana de alerta con un mensaje.
- anchorNode: Devuelve el nodo de anclaje de un rango en un árbol de nodos.
- append(): Añade elementos al final de un array.
- appendChild(): Añade un nodo como último hijo de un elemento.
- appendData(): Añade texto al contenido de un nodo de texto.
- apply(): Llama a una función con un valor this y argumentos dados en forma de array.
- Array(): Crea un nuevo objeto Array.
- assign(): Copia el valor de las propiedades de un objeto a otro objeto destino.
- async: Define una función como asíncrona, lo que permite el uso de await.
- await: Pausa la ejecución de una función asíncrona hasta que una promesa se resuelva.
- blur(): Remueve el enfoque de un elemento.
- body: Representa el elemento <body> de un documento HTML.
- break: Sale de un bucle o estructura de control.
- call(): Llama a una función con un valor this y argumentos dados individualmente.
- catch(): Captura una excepción lanzada por un bloque try.
- charAt(): Devuelve el carácter en la posición especificada de una cadena.
- charCodeAt(): Devuelve el valor Unicode del carácter en la posición especificada de una cadena.
- checkbox: Representa un elemento de casilla de verificación.
- class: Define una clase en JavaScript.
- className: Devuelve o establece el nombre de una o más clases de un elemento.
- clear(): Limpia el contenido de la consola del navegador.
- clearInterval(): Borra un temporizador configurado con setInterval().
- clearTimeout(): Borra un temporizador configurado con setTimeout().
- click(): Simula un clic en un elemento.
- cloneNode(): Clona un nodo y devuelve el clon resultante.
- close(): Cierra la ventana actual.
- closed: Devuelve un booleano indicando si una ventana ha sido cerrada o no.
- code: Representa el código de un error.
- concat(): Combina dos o más arrays y devuelve un nuevo array.
- confirm(): Muestra una ventana de confirmación con un mensaje.
- constructor: Devuelve una referencia a la función constructora de un objeto.
- contains(): Comprueba si un elemento tiene un elemento hijo específico.
- contentEditable: Indica si el contenido de un elemento es editable.
- continue: Salta una iteración en un bucle y continúa con la siguiente.
- cookie: Lee o establece las cookies asociadas con un documento.
- createElement(): Crea un nuevo elemento HTML.
- createTextNode(): Crea un nuevo nodo de texto.
- currentTarget: Devuelve el elemento en el que se está gestionando un evento.
- dataset: Devuelve o establece los atributos de datos personalizados de un elemento.
- date: Crea un nuevo objeto Date para manipular fechas y horas.
- default: Define un caso predeterminado en un bloque switch.
- defaultPrevented: Devuelve un booleano que indica si se ha llamado a preventDefault() en un evento.
- delete: Elimina una propiedad de un objeto.
- description: Devuelve la descripción de un error.
- dir: Muestra una representación en cadena de un objeto en la consola.
- disabled: Indica si un elemento está deshabilitado o no.
- document: Representa el documento HTML actual.
- DOMContentLoaded: Se dispara cuando se ha cargado el HTML y se ha construido el árbol DOM.
- draggable: Indica si un elemento es arrastrable.
- drop(): Se dispara cuando un elemento se arrastra y se suelta sobre otro elemento.
- each(): Ejecuta una función para cada elemento de un array o objeto.
- else: Define un bloque de código que se ejecuta cuando una condición if no se cumple.
- empty(): Remueve todos los elementos hijos de un elemento.
- end(): Finaliza una cadena de métodos encadenados en jQuery.
- endsWith(): Comprueba si una cadena termina con los caracteres de otra cadena especificada.
- entries(): Devuelve un objeto iterador que contiene pares clave/valor de un objeto.
- error(): Imprime un mensaje de error en la consola.
- eval(): Evalúa o ejecuta un código JavaScript representado como una cadena.
- event: Representa un evento que ocurre durante la ejecución de un programa.
- every(): Comprueba si todos los elementos de un array cumplen una condición.
- exec(): Busca una coincidencia en una cadena utilizando una expresión regular y devuelve el resultado.
- exp: Calcula la exponenciación de un número.
- export: Utilizado para exportar funciones, objetos o valores desde un módulo.
- extends: Crea una clase hija que hereda de otra clase.
- false: Representa el valor booleano falso.
- fetch(): Realiza una solicitud de red y devuelve una promesa que resuelve la respuesta.
- fieldset: Representa un grupo de elementos de formulario.
- fill(): Rellena todos los elementos de un array con un valor estático.
- filter(): Crea un nuevo array con todos los elementos que cumplan una condición.
- find(): Devuelve el primer elemento en un array que cumple una condición.
- findIndex(): Devuelve el índice del primer elemento en un array que cumple una condición.
- focus(): Da el enfoque a un elemento.
- fontcolor(): Envuelve una cadena en una etiqueta <font> con el color especificado.
- forEach(): Ejecuta una función para cada elemento de un array.
- form: Representa un formulario HTML.
- from(): Crea un nuevo array a partir de un objeto iterable o una cadena.
- fullscreen: Cambia el modo de pantalla completa del navegador.
- function: Define una función en JavaScript.
- getAttribute(): Devuelve el valor de un atributo específico de un elemento.
- getElementById(): Devuelve una referencia a un elemento por su ID.
- getElementsByClassName(): Devuelve una lista de elementos por su nombre de clase.
- getElementsByTagName(): Devuelve una lista de elementos por su nombre de etiqueta.
- getFullYear(): Devuelve el año completo de una fecha especificada.
- getMonth(): Devuelve el mes de una fecha especificada.
- getNextSibling(): Devuelve el siguiente nodo hermano de un nodo.
- getNodeValue(): Devuelve el valor de un nodo de texto.
- getOwnPropertyNames(): Devuelve un array que contiene los nombres de las propiedades de un objeto.
- getPrototypeOf(): Devuelve el objeto prototipo de un objeto.
- getTime(): Devuelve el número de milisegundos transcurridos desde el 1 de enero de 1970 hasta una fecha especificada.
- getTimezoneOffset(): Devuelve la diferencia horaria, en minutos, entre la hora local y UTC.
- globalThis: Devuelve una referencia al objeto global (window en los navegadores).
- hasAttribute(): Comprueba si un elemento tiene un atributo específico.
- hasOwnProperty(): Comprueba si un objeto tiene una propiedad propia con un nombre específico.
- head: Representa el elemento <head> de un documento HTML.
- height: Devuelve o establece la altura de un elemento.
- hidden: Indica si un elemento está oculto o no.
- history: Representa el historial del navegador.
- href: Devuelve o establece la URL de un enlace.
- host: Devuelve el nombre de host y el número de puerto de una URL.
- hostname: Devuelve el nombre de host de una URL.
- if: Define una condición en una estructura de control.
- import: Importa funciones, objetos o valores desde un módulo.
- includes(): Comprueba si una cadena contiene los caracteres de otra cadena especificada.
- indexOf(): Devuelve la primera posición en la que se encuentra un valor en un array, o -1 si no se encuentra.
- Infinity: Representa el valor infinito.
- init(): Inicializa una variable con un valor específico.
- innerHTML: Devuelve o establece el contenido HTML de un elemento.
- innerText: Devuelve o establece el texto contenido en un elemento.
- input: Representa un campo de entrada de texto.
- insertAdjacentElement(): Inserta un elemento adyacente a otro elemento en el DOM.
- insertAdjacentHTML(): Inserta código HTML adyacente a un elemento en el DOM.
- insertAdjacentText(): Inserta texto adyacente a un elemento en el DOM.
- insertBefore(): Inserta un nodo como hijo de otro nodo, justo antes de un nodo específico.
- instanceof: Comprueba si un objeto es una instancia de una clase específica.
- isFinite(): Comprueba si un valor es un número finito.
- isNaN(): Comprueba si un valor no es un número.
- join(): Combina todos los elementos de un array en una cadena.
- JSON: Proporciona métodos para trabajar con datos JSON.
- key: Devuelve el valor de la clave presionada en un evento de teclado.
- keyCode: Devuelve el código de tecla asociado con una tecla presionada en un evento de teclado.
- label: Representa una etiqueta para un elemento de formulario.
- lastIndexOf(): Devuelve la última posición en la que se encuentra un valor en un array, o -1 si no se encuentra.
- length: Devuelve o establece la longitud de un array o cadena.
- link(): Cambia el color de un enlace después de que se haya visitado.
- location: Representa la URL y proporciona métodos para manipularla.
- log(): Imprime un mensaje de registro en la consola.
- map(): Crea un nuevo array con los resultados de aplicar una función a cada elemento de un array.
- match(): Busca una coincidencia en una cadena utilizando una expresión regular y devuelve un array de resultados.
- max(): Devuelve el valor más grande de una lista de argumentos o de un array.
- message: Devuelve el mensaje de un error.
- method: Representa el método HTTP de una solicitud.
- min(): Devuelve el valor más pequeño de una lista de argumentos o de un array.
- minus(): Resta dos números.
- modal: Representa una ventana modal.
- modulo(): Devuelve el resto de la división de dos números.
- month: Devuelve el mes actual.
- moveBy(): Mueve una ventana en relación a su posición actual.
- moveTo(): Mueve una ventana a una ubicación específica en la pantalla.
- NaN: Representa un valor que no es un número.
- navigator: Proporciona información sobre el navegador del usuario.
- new: Crea una nueva instancia de un objeto.
- next(): Devuelve el siguiente elemento en un iterador.
- nextSibling: Devuelve el siguiente nodo hermano de un nodo.
- nodeType: Devuelve el tipo de nodo de un nodo.
- null: Representa un valor nulo.
- number: Representa un número en JavaScript.
- of: Define un bucle for…of para iterar sobre elementos de un objeto iterable.
- offsetHeight: Devuelve la altura de un elemento, incluyendo el padding y el borde, pero no el margen.
- offsetLeft: Devuelve la distancia desde el borde izquierdo del elemento padre hasta el borde izquierdo del elemento.
- offsetParent: Devuelve el elemento padre más cercano que es un elemento posicionado.
- offsetTop: Devuelve la distancia desde el borde superior del elemento padre hasta el borde superior del elemento.
- onload: Se dispara cuando un objeto ha sido cargado.
- onmousedown: Se dispara cuando se presiona un botón del ratón.
- onmousemove: Se dispara cuando se mueve el ratón.
- onmouseout: Se dispara cuando el ratón sale del área de un elemento.
- onmouseover: Se dispara cuando el ratón se mueve sobre un elemento.
- onmouseup: Se dispara cuando se suelta un botón del ratón.
- onresize: Se dispara cuando la ventana del navegador se redimensiona.
- onscroll: Se dispara cuando se desplaza el contenido de un elemento.
- onsubmit: Se dispara cuando se envía un formulario.
- open(): Abre una nueva ventana del navegador o carga una URL en una ventana existente.
- option: Representa una opción en un elemento <select>.
- output: Representa el resultado de un cálculo o una función.
- padEnd(): Rellena una cadena con un carácter especificado al final hasta alcanzar una longitud especificada.
- padStart(): Rellena una cadena con un carácter especificado al inicio hasta alcanzar una longitud especificada.
- parseFloat(): Convierte una cadena en un número de punto flotante.
- parseInt(): Convierte una cadena en un número entero.
- parent: Representa el elemento padre de un elemento.
- parentNode: Devuelve el nodo padre de un nodo.
- parse(): Analiza una cadena JSON y devuelve el objeto JavaScript correspondiente.
- pause(): Pausa una animación en CSS.
- pop(): Elimina el último elemento de un array y lo devuelve.
- pow(): Calcula la potencia de un número.
- preventDefault(): Cancela la acción predeterminada asociada con un evento.
- prompt(): Muestra una ventana de diálogo con un mensaje y un campo de entrada.
- prototype: Permite añadir propiedades y métodos a un objeto constructor.
- push(): Añade uno o más elementos al final de un array y devuelve la nueva longitud.
- querySelector(): Devuelve el primer elemento que coincide con un selector CSS.
- querySelectorAll(): Devuelve todos los elementos que coinciden con un selector CSS.
- random(): Genera un número pseudoaleatorio entre 0 y 1.
- range: Representa un rango de valores.
- reduce(): Aplica una función a un acumulador y a cada elemento de un array para reducirlo a un único valor.
- reduceRight(): Aplica una función a un acumulador y a cada elemento de un array en orden inverso.
- refresh(): Recarga la página actual.
- RegExp(): Crea un objeto de expresión regular para realizar búsquedas en cadenas de texto.
- reject(): Rechaza una promesa con un motivo dado.
- remove(): Elimina un elemento del DOM.
- removeAttribute(): Elimina un atributo específico de un elemento.
- removeChild(): Elimina un nodo hijo de un elemento.
- removeEventListener(): Elimina un evento previamente registrado de un elemento.
- replace(): Reemplaza parte de una cadena con otra cadena especificada.
- reset(): Restablece los valores predeterminados de un formulario.
- resolve(): Resuelve una promesa con un valor dado.
- return: Devuelve un valor y finaliza una función.
- reverse(): Invierte el orden de los elementos de un array.
- round(): Redondea un número al entero más cercano.
- screen: Proporciona información sobre la pantalla del dispositivo.
- scrollBy(): Desplaza el contenido de un elemento en relación a su posición actual.
- scrollIntoView(): Hace visible un elemento desplazando la ventana si es necesario.
- scrollLeft: Devuelve o establece la cantidad de desplazamiento horizontal de un elemento.
- scrollTop: Devuelve o establece la cantidad de desplazamiento vertical de un elemento.
- seal(): Evita que se añadan o eliminen propiedades de un objeto.
- search(): Busca una coincidencia en una cadena utilizando una expresión regular y devuelve la posición de la coincidencia.
- select(): Selecciona todo el texto en un campo de entrada.
- selectNode(): Selecciona un nodo completo en un árbol de nodos.
- selectNodeContents(): Selecciona el contenido de un nodo en un árbol de nodos.
- selected: Indica si una opción de un elemento <select> está seleccionada o no.
- selectedIndex: Devuelve o establece el índice de la opción seleccionada de un elemento <select>.
- setAttribute(): Establece el valor de un atributo específico de un elemento.
- setDate(): Establece el día del mes de una fecha especificada.
- setFullYear(): Establece el año completo de una fecha especificada.
- setInterval(): Ejecuta una función o un fragmento de código de forma repetida a intervalos de tiempo específicos.
- setMonth(): Establece el mes de una fecha especificada.
- setName(): Establece el nombre de una ventana o marco.
- setPrototypeOf(): Establece el objeto prototipo de un objeto.
- setTime(): Establece el número de milisegundos transcurridos desde el 1 de enero de 1970 hasta una fecha especificada.
- setTimeout(): Ejecuta una función o un fragmento de código después de un retraso específico.
- setValue(): Establece el valor de un campo de entrada.
- shift(): Elimina el primer elemento de un array y lo devuelve.
- showModalDialog(): Abre una ventana modal con contenido personalizado.
- slice(): Devuelve una copia superficial de una porción de un array en un nuevo array.
- small(): Envuelve una cadena en una etiqueta <small>.
- some(): Comprueba si al menos un elemento de un array cumple una condición.
- sort(): Ordena los elementos de un array alfabéticamente o por orden numérico.
- source: Devuelve o establece la fuente de medios de un elemento de audio o video.
- splice(): Cambia el contenido de un array eliminando, reemplazando o agregando elementos.
- split(): Divide una cadena en un array de subcadenas utilizando un separador especificado.
- sqrt(): Calcula la raíz cuadrada de un número.
- src: Devuelve o establece la URL de la imagen de un elemento <img>.
- startsWith(): Comprueba si una cadena comienza con los caracteres de otra cadena especificada.
- strict: Activa el modo estricto de JavaScript para un archivo o un bloque de código.
- string: Representa una cadena de texto en JavaScript.
- style: Representa los estilos CSS aplicados a un elemento.
- substring(): Devuelve una parte de una cadena entre dos índices especificados.
- substr(): Devuelve una parte de una cadena comenzando desde una posición especificada y con una longitud determinada.
- super: Llama al constructor de la clase padre.
- switch: Evalúa una expresión y ejecuta un bloque de código correspondiente a un caso específico.
- Symbol(): Crea un valor de tipo símbolo único.
- target: Devuelve el elemento en el que se originó un evento.
- test(): Comprueba si una cadena cumple una expresión regular y devuelve true o false.
- text(): Devuelve el texto contenido en un elemento.
- this: Hace referencia al objeto actual.
- throw: Lanza una excepción personalizada.
- time: Mide el tiempo de ejecución de un bloque de código.
- title: Devuelve o establece el título de un documento HTML.
- toExponential(): Devuelve una cadena que representa un número en notación exponencial.
- toFixed(): Devuelve una cadena que representa un número con un número específico de decimales.
- toLocaleLowerCase(): Convierte una cadena a minúsculas según las convenciones locales.
- toLocaleString(): Devuelve una cadena que representa el objeto en formato localizado.
- toLocaleUpperCase(): Convierte una cadena a mayúsculas según las convenciones locales.
- toLowerCase(): Convierte una cadena a minúsculas.
- toString(): Convierte un objeto a una cadena de texto.
- toUpperCase(): Convierte una cadena a mayúsculas.
- trim(): Elimina los espacios en blanco al principio y al final de una cadena.
- true: Representa el valor booleano verdadero.
- try…catch: Implementa una estructura para manejar excepciones en JavaScript.
- typeof: Devuelve una cadena que indica el tipo de un operando.
- undefined: Representa un valor no definido.
- unescape(): Decodifica una cadena codificada con el método escape().
- unshift(): Añade uno o más elementos al inicio de un array y devuelve la nueva longitud.
- URIError: Representa un error relacionado con URI (Uniform Resource Identifier).
- URL: Crea un objeto URL a partir de una cadena URL.
- value: Devuelve o establece el valor de un elemento de formulario.
- valueOf(): Devuelve el valor primitivo de un objeto.
- var: Declara una variable localmente en una función.
- void: Evalúa una expresión y devuelve undefined.
- warning: Genera una advertencia en la consola.
- while: Crea un bucle que se ejecuta mientras se cumple una condición.
- width: Devuelve o establece el ancho de un elemento.
- window: Representa la ventana del navegador.
- with: Especifica un objeto predeterminado para un bloque de código.
- wrap(): Envuelve el contenido de un elemento en otro elemento.
- write(): Escribe texto en el documento HTML.
- writeln(): Escribe texto en el documento HTML seguido de un salto de línea.
- xor(): Realiza una operación XOR (OR exclusivo) en dos valores.
- year: Devuelve el año actual.
- yield: Pausa una función generadora y devuelve un valor a través de un iterador.
- zeroFill(): Rellena con ceros a la izquierda un número hasta alcanzar una longitud especificada.
- zIndex: Devuelve o establece el índice de apilamiento de un elemento.