Contenidos

Estructuras de datos y Operadores Operadores Estructuras de control Estructura IF/ELSEIF/ELSE Bucle FOR Bucle WHILE SWITCH Uso del objeto SELECT Saber el n�mero de elementos Recuperaci�n del valor seleccionado Seleccionar un valor A�adir un nuevo valor Saber el n�mero de elementos Saber el n�mero de elementos Control de EVENTOS Desactivar el bot�n derecho del rat�n Control de CAPAS / DIV Obtener una referencia al objeto DIV Hacer visible/invisible una CAPA Cambiar din�micamente el contenido HTML de una CAPA Modificar la posici�n del scroll de una CAPA Tratamiento de cadenas Longitud de una cadena, LENGTH Posici�n de un caracter en una cadena, INDEXOF Extraer una subcadena de una cadena, SUBSTRING Descomponer una cadena en subcadenas, SPLIT Caracteres especiales en cadenas Navegaci�n Redireccionamiento mediante window.location Recargar Comunicaci�n con el usuario Cuadros de dialogo

Tipos b�sicos y Operadores

Operadores

Matem�ticos binarios
+ - * / %
Matem�ticos unarios
++ --
Relacionales
== != >= <= < >
L�gicos unarios
! 
Comentarios
/* */ //

Estructuras de control

Estructura IF/ELSEIF/ELSE

//---IF Simple
if (condicion) 
	sentencia;

//---IF/ELSE
if (condicion){
	sentencias;
}else{
	sentencias;
}

//---IF/ELSEIF
if (condicion){
	sentencias;
}else if{
	sentencias;
}else if{
	sentencias;
}else{
	sentencias;
}

Bucle FOR

var i,inicio,fin;
for (i=inicio; i

Bucle WHILE

while (condicion){
	//Sentencias
}

SWITCH

switch ( Expresi�n ) {
	case etiqueta :
		//sentencia/s
		[break; //---Termina el case]
	[case etiqueta :
		//sentencia/s
		[break; //---Termina el case]
	...
	[default :
		//sentencia/s
}

Uso del objeto SELECT

Saber el n�mero de elementos

var numero=form1.select1.options.length;
var numero=form1.select1.length;

Recuperaci�n del valor seleccionado

var valor=form1.select1.value;
var valor=form1.select1.options[form1.select1.selectedindex].value;

Seleccionar un valor

var i;
for (i=0; i

A�adir un nuevo valor

var optionNuevo = new Option("Etiqueta", "valor", defaultSelected, selected);
form1.select1.options[form1.select1.length] = optionNuevo;

Control de EVENTOS

Desactivar el bot�n derecho del rat�n

Situar entre los tags < HEAD> y .

< SCRIPT>
var message="Desactivado"; 
function click(e) {
	if (document.all) {
		if (event.button == 2) {
			alert(message);
			return false;
		}
	}
	if (document.layers) {
		if (e.which == 3) {
			alert(message);
			return false;
		}
	}
}
if (document.layers) {
	document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;

Control de CAPAS / DIV

Obtener una referencia al objeto DIV

var capa=document.getElementById('idCapa');

Hacer visible/invisible una CAPA

var capa=document.getElementById('idCapa');
capa.style.visibility="visible"; //---La hace visible
capa.style.visibility="hidden"; //---La hace invisible

Cambiar din�micamente el contenido HTML de una CAPA

var capa=document.getElementById('idCapa');
capa.innerHTML="< P>Hola
";

Modificar la posici�n del scroll de una CAPA

var capa=document.getElementById('idCapa');
capa.scrollTop=0;

Tratamiento de cadenas

Longitud de una cadena, LENGTH

var longitud=cadena.length();

Posici�n de un caracter en una cadena, INDEXOF

var c; //---Caracter a buscar
var posicion=cadena.indexOf(c); 
var posicion=cadena.indexOf(c,posicion+1); //---Devuelve la siguiente ocurrencia del caracter

Extraer una subcadena de una cadena, SUBSTRING

var desde; //---Posicion de inicio de la subcadena
var hasta; //---Posicion de fin de la subcadena
var subcadena1=cadena.substring(desde); //---Devuelve el resto de la cadena
var subcadena2=cadena.substring(desde,hasta); //---Devuelve la subcadena

Descomponer una cadena en subcadenas, SPLIT

var array_subcadenas=cadena.split('/');

Caracteres especiales en cadenas

Mediante el caracter de escape '\' se puede introducir caracteres especiales dentro de una cadena.

var cadena="Dobles comillas \"dentro\" de una cadena."; 

Navegaci�n

Mediante window.location

setTimeout("window.location.href ='http://www.teleprogramadores.com' ",1000);

Recargar

window.location.reload();

Comunicaci�n con el usuario

Cuadros de dialogo

Las funciones alert(mensaje) y confirm(mensaje) muestran un cuadro de di�logo al usuario con el mensaje indicado, alert mostrar� un bot�n de Ok, confirm presentar� dos botones: Aceptar y Cancelar, y devolver� true o false seg�n la elecci�n del usuario.