Diferencia entre revisiones de «Usuario:ManuelRomero/JavaScript/dom/objetosJSCGenerales»

De WikiEducator
Saltar a: navegación, buscar
Línea 47: Línea 47:
 
</div>
 
</div>
  
 +
<div class="slide">
 +
===Objeto Date===
 +
Para trabajar con fechas y horas.
 +
Se inicializa automáticamente en la declaración, con la fecha y hora actuales.
 +
<source lang="javascript">
 +
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");
 +
}
 +
</source>
 +
</div>
 +
 +
<div class="slide">
 +
===Objeto Array===
 +
Varias posibilidades para declararlas e inicializarlas:
 +
<source lang="javascript">
 +
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");
 +
</source>
 +
</div>
 +
 +
<div class="slide">
 +
Presentan numerosos métodos para hacer las operaciones más habituales, por ejemplo, ordenamiento (método sort):
 +
<source lang="javascript">
 +
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());
 +
</source>
 +
Resultado:<br>
 +
Jani,Hege,Stale,Kai Jim,Borge,Tove <br>
 +
Borge,Hege,Jani,Kai Jim,Stale,Tove
 +
</div>
 +
<div class="slide">
 +
===Algunos objetos referidos al navegador===
 +
'''Window''': Representa la ventana del navegador.<br>
 +
'''Navigator''': Contiene información sobre el navegador Web<br>
 +
'''Screen''': Contiene información sobre la pantalla del ordenador<br>
 +
'''History''' : Contiene información sobre las URLs visitadas <br>
 +
'''Location''': Contiene información sobre la URL actual en el navegador <br>
 +
Un ejemplo:
 +
<source lang="javascript">
 +
<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">
 
<div class="slide">

Revisión de 20:40 8 mar 2016




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>

Objeto Date

Para trabajar con fechas y horas. Se inicializa automáticamente en la declaración, con la fecha y hora actuales. 

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">
Obtenido de «https://es.wikieducator.org/index.php?title=Usuario:ManuelRomero/JavaScript/dom/objetosJSCGenerales&oldid=18947»