¿Que es Javascript?
Javascript es un lenguaje de programación utilizado para crear programas encargados de realizar acciones dentro del ámbito de una página web. Con Javascript podemos crear efectos especiales en las páginas y definir interactividades con el usuario. El navegador del cliente es el encargado de interpretar las instrucciones Javascript y ejecutarlas para realizar estos efectos e interactividades, de modo que el mayor recurso -y tal vez el únicocon que cuenta este lenguaje es el propio navegador.
Javascript es un lenguaje con muchas posibilidades, permite la programación de pequeños scripts, pero también de programas más grandes, orientados a objetos, con funciones, estructuras de datos complejas, etc.
Pues bien, la incrustación de un código de Javascript puede ser de dos formas:
Desde la página HTML
Para incrustar un código de Javascript desde la misma página HTML se toman en cuenta los siguientes puntos:El script se coloca dentro de las etiquetas <head>
Las etiquetas para ejecutar este script son <script> </script> Dentro de estas etiquetas se incluye el atributo “language=javascript” el cual indica que nuestro script se basa bajo este lenguaje (también existen otros lenguajes, por ejemplo vbscript, JScript, etc.).
Desde un archivo externo
Para llamar un archivo con el código en
Javascript basta con colocar las mismas
etiquetas de <script> dentro de
la cabecera (head) y colocar dos atributos que son type=”text/javascript” y src=”ruta
del archivo”. El código se guarda en un archivo con extensión .js; que es la extensión de los archivos Javascript y el código ya no se encierra entre los comentarios de HTML.
Mayúsculas y minúsculas
En Javascript se han de respetar las mayúsculas y las minúsculas. Si nos equivocamos al utilizarlas el navegador responderá con un mensaje de error, ya sea de sintaxis o de referencia indefinida.Separación de instrucciones
Las distintas instrucciones que contienen nuestros scripts se han de separar convenientemente para que el navegador no indique los correspondientes errores de sintaxis. Javascript tiene dos maneras de separar instrucciones: la primera es a través del carácter punto y coma (;) y la segunda es a través de un salto de línea.Variables
Una variable es un espacio en la memoria donde se almacena un dato, un espacio donde podemos guardar cualquier tipo de información que necesitemos para realizar las acciones de nuestros programas. Por ejemplo, si nuestro programa realiza sumas, será muy normal que guardemos en variables los distintos sumandos que participan en la operación y el resultado de la suma. No podemos utilizar caracteres raros como el signo +, un espacio o un $. También hay que evitar utilizar nombres reservados como variables.Declaración de variables en Javascript
Javascript cuenta con la palabra “var” que utilizaremos cuando queramos declarar una o varias variables. Como es lógico, se utiliza esa palabra para definir la variable antes de utilizarla.
var operando1
var operando2
También se puede asignar un valor a la variable.
Tipos de variables
Numéricas
Se utilizan para almacenar valores numéricos enteros (llamados integer en inglés) o decimales (llamados float en inglés). En este caso, el valor se asigna indicando directamente el número entero o decimal. Los números decimales utilizan el carácter . (punto) en vez de , (coma) para separar la parte entera y la parte decimal.
Cadenas de texto
Se utilizan para almacenar caracteres, palabras y/o frases de texto. Para asignar el valor a la variable, se encierra el valor entre comillas dobles o simples, para delimitar su comienzo y su final.
Arrays
En ocasiones, a los arrays se les llama vectores, matrices e incluso arreglos. No obstante, el término array es el más utilizado y es una palabra comúnmente aceptada en el entorno de la programación. Un array es una colección de variables, que pueden ser todas del mismo tipo o cada una de un tipo diferente. Su utilidad se comprende mejor con un ejemplo sencillo: si una aplicación necesita manejar los días de la semana, se podrían crear siete variables de tipo texto:
var dias = [“Lunes”, “Martes”, “Miércoles”, “Jueves”, “Viernes”, “Sábado”, “Domingo”];
Booleanos
Las variables de tipo boolean o booleano también se conocen con el nombre de variables de tipo lógico. Una variable de tipo boolean almacena un tipo especial de valor que solamente puede tomar dos valores: true (verdadero) o false (falso). No se puede utilizar para almacenar números y tampoco permite guardar cadenas de texto. Los únicos valores que pueden almacenar estas variables son true y false, por lo que no pueden utilizarse los valores verdadero y falso.
var clienteRegistrado = false;
var ivaIncluido = true;
Estructuras de control
Nos sirven para realizar unas acciones u otras en función del estado de las variables. Es decir, tomar decisiones para ejecutar unas instrucciones u otras dependiendo de lo que esté ocurriendo en ese instante en nuestros programas. Por ejemplo, dependiendo si el usuario que entra en nuestra página es mayor de edad o no lo es, podemos permitirle o no ver los contenidos de nuestra página.
- if
- for
- while
- do while
Funciones en Javascript
Podemos considerar una función como una serie de instrucciones que englobamos dentro de un mismo proceso. Este proceso se podrá luego ejecutar desde cualquier otro sitio con solo llamarlo. Las funciones se utilizan constantemente, no sólo las que escribís vos, sino también las que ya están definidas en el sistema, pues todos los lenguajes de programación suelen tener un montón de funciones para realizar procesos habituales.
¿Cómo se escribe una función? Una función se debe definir:
function nombrefuncion (){ instrucciones de la función ... }
¿Cómo llamar a una función? Para ejecutar una función la tenemos que invocar en cualquier parte de la página. Con eso conseguiremos que se ejecuten todas las instrucciones que tiene la función entre las dos llaves. Para ejecutar la función utilizamos su nombre seguido de los paréntesis. Por ejemplo, así llamaríamos a la función escribirBienvenida() que acabamos de crear. escribirBienvenida()
Se le llama “ámbito de las variables” al lugar donde estas están disponibles. Como Javascript se define dentro de una página web, las variables que declaremos en la página estarán accesibles dentro de ella.
Variables globales
Como hemos dicho, las variables globales son las que están declaradas en el ámbito más amplio posible, que en Javascript es una página web. Para declarar una variable global a la página simplemente lo haremos en un script, con la palabra var.
Variables locales
También podremos declarar variables en lugares más acotados, como por ejemplo una función. A estas variables les llamaremos locales. Cuando se declaren variables locales sólo podremos acceder a ellas dentro del lugar donde se ha declarado, es decir, si la habíamos declarado en una función solo podremos acceder a ella cuando estemos en esa función.
Funciones y argumentos
Podemos desear que una función ejecute unos enunciados en los que opere con una serie de valores que no hayamos definido dentro de la misma, sino que los reciba de otra función o enunciado. Esos valores son los argumentos, que se especifican entre los paréntesis que van tras el nombre de la función, y se separan por comas: function nombre_de_la_ función(argumento1,argumento1,…){ …enunciados a ejecutar… }
Eventos
Eventos del Mouse reaccionan a diferentes
acciones del usuario y pueden ser insertados
en cualquier elemento HTML de bloque.onclick Al dar un click con el botón iaquierdo del mouse sobre un elemento
ondblclick Dar doble click sobre un elemento
onmousedown Cualquier botón del mouse es presionado sobre un elemento
onmouseup Se libera un botón del mouse sobre un elemento
onmouseover Solo situar el ratón sobre un elemento
onmousemove Mover el mouse
onmouseout Es retirado el ratón de un elemento
Los eventos del mouse pueden utilizarse para la creación de una infinidad de efectos, desde diferentes estilos del puntero, mensajes, menús personalizados para el clic derecho, etc.
<a href=”#” onclick=”FUNCIÓN”>
Cuadros de alertas
Cuando utilizamos alertas, se abre una pequeña ventana o cuadro de dialogo donde aparece el resultado de la variable y el texto que se adicione. Para crear una alerta colocamos dentro del script la palabra alert con el mensaje que queramos que salga.
alert ("GUARDA");
Mensajes de error
En ocasiones al solicitar el resultado de una variable, Javascript devuelve los siguientes mensajes predeterminados: NaN: "Not-a-Number", significa que el resultado no es un número.
Undefined: Indica que a la variable no se le ha asignado ningún valor.
Infinity: Significa un valor imposible de representar.
No hay comentarios.:
Publicar un comentario