LENGUAJE JAVASCRIPT: JavaScript un lenguaje de programación web
Programación web al lado del cliente
JavaScript Un lenguaje de script en el cliente
Objetos Conceptos generales |
DOM JavaScript |
Ejemplos |
volver
Programación Orientada a Objetos. DOM.
JavaScript es un lenguaje POO*
- JavaScript es un lenguaje que tiene un gran biblioteca de funciones para utilizar
- Esta biblioteca de funciones se organizan en objetos
- Un objeto va a ser como un tipo de datos
- Los objetos serán programas independientes que puedo utilizar cuando los necesite
- Presenta objetos que se pueden usar
- Permite crear tus propios objetos y tus propios tipos de variables (JavaScript Avanzado)
- Un objeto es un tipo especial de dato que tiene
- Propiedades
- Métodos
*POO = programación orientada a objetos
OOP = object oriented programming
Propiedades
Valores que se asocian con los objetos. Ejemplo con el objeto String:
<script type="text/javascript">
var txt="¡Hola Pepito!";
document.write(txt.length);
</script>
Métodos
Acciones que se ejecutan sobre objetos. Ejemplo con el objeto String:
<script type="text/javascript">
var str="¡Hola Pepito!";
document.write(str.toUpperCase());
</script>
Qué es programar orientado a objetos
- Es utilizar objetos u otros programas dentro de mi programa principal
- Ahorar y aprovechar el trabajo realizado por otras personas
- Objetos que el sistema me ofrece
- Objetos que otras personas han realizado
- Objetos que yo haya realizado
Objetos del lenguaje JavaScript
- JavaScrit tiene una serie de objetos que podemos utilizar directamente
- Si quiero acceder a sus propiedades y métodos tendré que usar una notación concreta
Puntos clave
|
Nombre__Objeto.propiedad
|
Puntos clave
- Objetos de JavaScript
Math String Array Number Date Boolean
|
- A continuación vamos a analizar los diferentes objetos haciendo un ejemplo de cada uno
Diferencia entre Objeto y Clase
- La idea es tener claro que son dos coceptos relacionados pero no sinónimos
- La clase es el concepto de tipo de dato
- El objeto es el concepto de variable
- Es decir yo defino un objeto de una determinada clase
- Se hace con el operador new
var frase = new String();
var fecha = new Date();
</source>
Objeto Date
- Para trabajar con fechas y horas.
- Se inicializa automáticamente en la declaración, con la fecha y hora actuales.
Probando fechas
| Declara una fecha y visualiza su valor
|
Solución
var miFecha=new Date()
//Ejemplos de uso:
miFecha.setFullYear(2010,0,14); //fija la fecha a 14 de Enero de 2010
miFecha.setDate(myDate.getDate()+5); //aumenta la fecha guardada en 5 días
var miFecha=new Date(); //vamos a hacer una comparación de fechas
miFecha.setFullYear(2010,0,14);
var hoy = new Date();
if (miFecha>hoy)
{
alert("Hoy es antes del 14 de Enero del 2010");
}
else
{
alert("Hoy es después del 14 de Enero de 2010");
}
Objeto Array
Varias posibilidades para declararlas e inicializarlas:
var misCoches=new Array();
misCoches[0]="Saab";
misCoches[1]="Volvo";
misCoches[2]="BMW";
var misCoches=new Array(3);
misCoches[0]="Saab";
misCoches[1]="Volvo";
misCoches[2]="BMW";
var misCoches=new Array("Saab","Volvo","BMW");
Presentan numerosos métodos para hacer las operaciones más habituales, por ejemplo, ordenamiento (método sort):
var arr = new Array(6);
arr[0] = "Jani";
arr[1] = "Hege";
arr[2] = "Stale";
arr[3] = "Kai Jim";
arr[4] = "Borge";
arr[5] = "Tove";
document.write(arr + "<br />");
document.write(arr.sort());
Resultado:
Jani,Hege,Stale,Kai Jim,Borge,Tove
Borge,Hege,Jani,Kai Jim,Stale,Tove
Algunos objetos referidos al navegador
Window: Representa la ventana del navegador.
Navigator: Contiene información sobre el navegador Web
Screen: Contiene información sobre la pantalla del ordenador
History : Contiene información sobre las URLs visitadas
Location: Contiene información sobre la URL actual en el navegador
Un ejemplo:
<html>
<head>
<script type="text/javascript">
function printpage()
{
window.print()
}
</script>
</head>
<body>
<input type="button" value="Print this page" onclick="printpage()" />
</body>
</html>
</div>
<div class="slide">
