Clase 17 Java Script

JAVASCRIPT
Se trata de un lenguaje de tipo script compacto, basado en objetos y guiado por

eventos diseado especficamente para el desarrollo de aplicaciones clienteservidor dentro del mbito de Internet.
Los programas JavaScript van incrustados en los documentos HTML, y se
encargan de realizar acciones en el cliente, como pueden ser pedir datos,
confirmaciones, mostrar mensajes, crear animaciones, comprobar campos.
Javascript es un lenguaje de programacin utilizado para crear pequeos
programas encargados de realizar acciones dentro del mbito de una pgina
web.
Con Javascript podemos crear efectos especiales en las pginas 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 nico, con que
cuenta este lenguaje es el propio navegador.
Como incluir javascript
La forma ms frecuente de hacerlo es utilizando la directiva <script> en un
documento HTML (se pueden incluir tantas directivas <script> como se quiera
en un documento). El formato es el siguiente:
<script language="Javascript 1.3">
El atributo lenguaje hace referencia a la versin de JavaScript que se va a
utilizar en dicho script.
<script>
alert('Hola clase programacin web');
</script>
<script language="Javascript">
alert('Hola clase programacin web');
</script>
Puede incluirse tambin cdigo JavaScript como respuesta a algn evento:

<html>
<head>
<head>
<body>
<input type="submit" onclick="alert('Acabas de hacer click');return false;"
value="Click" />
</body>
</html>
Los navegadores que no soportan javascript, no interpretaran los instrucciones
de javascript sino que mostraran el texto de las instrucciones en la pagina
para evitar que estos navegadores lean el cdigo, los scripts pueden incluirse
como comentarios para asegurar que su cdigo no es "visto" por navegadores

viejos que no reconocen JavaScript y as evitar errores.
<script ....>
<!-Cdigo JavaScript
//-->
</script>
Variables en javascript
Las variables almacenan y recuperan datos, tambin conocidos como
"valores". Una variable puede referirse a un valor que cambia. Las variables
son referenciadas por su nombre, y el nombre que les es asignado debe ser
conforme a ciertas reglas (debe empezar con una letra o ("_"); los carcteres
siguientes pueden ser nmeros (0-9), letras maysculas o letras minsculas).
Ejemplos de definiciones correctas:
var _Una_Variable, P123robando, _123, mi_carrooo
Podemos inicializar una variable al declararla:
var Una_Variable="Esta Cadena de texto";
Normalmente, usted crea una nueva variable global asignndole
simplemente un valor:
globalVariable=5;
<script>
var nombre = "elizabeth";
nombre = nombre + " Nacio en Bucaramnaga";
alert(nombre);
</script>
Las variables en JavaScript pueden ser de alcance global o local. Una variable
global es accesible desde cualquier <script> de la pgina mientras que una
variable local slo lo es desde la funcin en la que fue declarada.
Por defecto, JavaScript, cuando encuentra una variable la define cmo global
(que se puede ver desde cualquier parte de la pgina), pero nosotros podemos
hacer que una variable sea local (visible slo desde la funcin actual) usando el
sufijo var la primera vez que la definimos:
<html>
<html>
<head>
<script>
function m(){
var nombre = "carlos";
nombre = nombre + " vive en Cartagena";
}
m();
alert(nombre);
</script>
<head>
<body>
</body>
</html>
<head>
<script>
function m(){
nombre = "carlos";
nombre = nombre + " vive en
Cartagena";
}
m();
alert(nombre);
</script>
<head>
<body>
</body>
</html>
<html>
<head>
<script>
<!-function m() {
var nombre = "carlos";
nombre = nombre + " vive en Cartagena";
alert(nombre);
}
m();
//-->
</script>
<head>
<body>
</body>
</html>
Tipos de datos en javaScript
Javascript reconoce seis tipos de valores diferentes:
Nmeros
Enteros o coma flotante.
Boleanos
True o False.
Cadenas
Los tipos de datos cadena deben ir delimitados por comillas

simples o dobles.
Objetos
Obj = new Object();
Nulos
Null
Indefinidos Un valor indefinido es el que corresponde a una variable que ha

sido creada pero no le ha sido asignado un valor.
JavaScript tiene la caracterstica de ser un lenguaje dbilmente tipado, esto es,

una variable puede cambiar de tipo durante su vida, por ejemplo uno puede
declarar una variable que ahora sea un entero y ms adelante una cadena.
Ahora
MiVariable=4;
Despus
MiVariable="Una_Cadena";
A diferencia de otros lenguajes y como ya hemos visto, en Javascript no es

necesario declarar las variables especificando el tipo de dato que contendrn,
ser el propio interprete el que le asignar el tipo apropiado. (Esto es as para
seguir la filosofa de diseo de Javascript que indica que se realizan programas
pequeos y que la idea es lograr que el programador realice los scripts de la
manera ms rpida posible).
<script>
var cadena = "Hola\namigo";
var valor = true;
</script>
Operadores en javaScript
Operadores Aritmticos
Los operadores aritmticos toman los valores numricos (literales o variables)
como sus operando y devuelve un solo valor numrico. Los operadores
aritmticos normales son:
Operador Nombre
Ejemplo Descripcin
Suma
5+6
Suma dos nmeros
Substraccin
7-9
Resta dos nmeros
Multiplicacin
6*3
Multiplica dos nmeros
Divisin
4/8
Divide dos nmeros
Mdulo: el resto
despus de la
divisin
++
Incremento.
--
Decremento.
Invierte el signo de
un operando.
7%2
Devuelve el resto de dividir ambos

nmeros, en este ejemplo el
resultado es 1
a++
Suma 1 al contenido de una

variable.
a--
Resta 1 al contenido de una

variable.
-a
Invierte el signo de un operando
<html>
<head>
<title>Ejemplo de Operadores </title>
</head>
<body>
<script language="JavaScript">
a = 8;
b = 3;
document.write(a + b);
document.write("<br>");
document.write(a - b);
document.write( a * b);
document.write(a / b);
a++;
document.write(a);
b--;
document.write(b);
</script>
</body>
</html>
Operadores de comparacin
Un operador de la comparacin compara sus operando y devuelve un valor
lgico basado en si la comparacin es verdad o no. Los operando pueden ser
numricos o cadenas.
Operador
Descripcin
==
" Igual a" devuelve true si los operandos son iguales
===
Estrictamente "igual a" (JavaScript 1.3)
!=
" No igual a" devuelve true si los operandos no son iguales
!==
Estrictamente " No igual a" (JavaScript 1.3)
>
" Mayor que" devuelve true si el operador de la izquierda es

mayor que el de la derecha.
>=
" Mayor o igual que " devuelve true si el operador de la

izquierda es mayor o igual que el de la derecha.
<
" Menor que" devuelve true si el operador de la izquierda es

menor que el de la derecha.
<=
"Menor o igual que" devuelve true si el operador de la izquierda

es menor o igual que el de la derecha.
<html>
<head>
<title>Ejemplo de operadores de comparacin</title>
</head>
<body>
a = 8;
b = 3;
c = 3;
document.write(a == b);document.write("<br>");
document.write(a != b);document.write("<br>");
document.write(a < b);document.write("<br>");
document.write(a > b);document.write("<br>");
document.write(a >= c);document.write("<br>");
document.write(b <= c);document.write("<br><br>");
document.write(3 == "3");document.write("<br>");
document.write(3 === "3");document.write("<br>");
</script>
</body>
</html>
Operadores Lgicos
Los operadores Lgicos se utilizan para combinar mltiples comparaciones en
una expresin condicional. Un operador lgico toma dos operandos cada uno
de los cuales es un valor true o false y devuelve un valor true o false.
Operador
&&
Descripcin
" Y " Devuelve true si ambos operadores son true.
||
" O " Devuelve true si uno de los operadores es true.
"No" Devuelve true si la negacin del operando es true.
<html>
<head>
<title>Ejemplo de operadores logicos </title>
</head>
<body>
a = 8;
b = 3;
c = 3;
document.write( (a == b) && (c > b) );document.write("<br>");

document.write( (a == b) || (b == c) );document.write("<br>");
document.write( !(b <= c) );document.write("<br>");
</script>
</body>
</html>
Operadores de Cadena
Los valores cadena pueden compararse usando los operadores de
comparacin. Adicionalmente, usted puede concatenar cadenas usando el
operador +
<html>
<head>
<title>Ejemplo de operador decadena </title>
</head>
<body>
Nombre = "Dario";
document.write( "Hola " + Nombre +"." );
</script>
</body>
</html>
Operadores de Asignacin
Operador
=
Descripcin
Asigna el valor del operando de la derecha a la variable
de la izquierda.
Ejemplo: inttotal=100;
+=
Aade el valor del operando de la derecha a la variable
(tambien - =, * =, / =) de la izquierda.
Ejemplo: inttotal +=100
&=
(tambin |=)
Asigna el resultado de (operando de la izquierda &

operando de la derecha) al operando de la izquierda
<html>
<head>
<title>Ejemplo de operadores de asignacin</title>
</head>
<body>
a = 8;
b = 3;
a += 3;
document.write(a);document.write("<br>");
a -= 2;
document.write(a);document.write("<br>");
b *= 2;
document.write(b);
</script>
</body>
</html>

Clase 17 Java Script

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Clase 17 Java Script

Cargado por

Copyright:

Formatos disponibles

JAVASCRIPT

Se trata de un lenguaje de tipo script compacto, basado en objetos y guiado por

Puede incluirse tambin cdigo JavaScript como respuesta a algn evento:

como comentarios para asegurar que su cdigo no es "visto" por navegadores

Enteros o coma flotante.

Los tipos de datos cadena deben ir delimitados por comillas

Obj = new Object();

Indefinidos Un valor indefinido es el que corresponde a una variable que ha

JavaScript tiene la caracterstica de ser un lenguaje dbilmente tipado, esto es,

A diferencia de otros lenguajes y como ya hemos visto, en Javascript no es

Suma dos nmeros

Resta dos nmeros

Multiplica dos nmeros

Divide dos nmeros

Devuelve el resto de dividir ambos

Suma 1 al contenido de una

Resta 1 al contenido de una

Invierte el signo de un operando

" Igual a" devuelve true si los operandos son iguales

Estrictamente "igual a" (JavaScript 1.3)

" No igual a" devuelve true si los operandos no son iguales

Estrictamente " No igual a" (JavaScript 1.3)

" Mayor que" devuelve true si el operador de la izquierda es

" Mayor o igual que " devuelve true si el operador de la

" Menor que" devuelve true si el operador de la izquierda es

"Menor o igual que" devuelve true si el operador de la izquierda

" O " Devuelve true si uno de los operadores es true.

"No" Devuelve true si la negacin del operando es true.

document.write( (a == b) && (c > b) );document.write("<br>");

Asigna el resultado de (operando de la izquierda &

También podría gustarte