SlideShare una empresa de Scribd logo
1 de 37
Descargar para leer sin conexión
Un objeto es una colección de:
• Propiedades (valores).
• Métodos (funciones).
• Eventos (acciones).
Para acceder a una propiedad o método de un objeto hay que utilizar el punto (.)
Objeto.propiedad;
Objeto.método([argumentos]);
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.1. INTRODUCCIÓN
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.1. INTRODUCCIÓN
Los objetos nativos no dependen del navegador:
• Date
• Math
• Number
• String
Sintaxis para crear un objeto:
Var miObjeto = new Objeto();
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Instanciación
• var d = new Date();
• var d = new Date(milisegundos);
• var d = new Date(cadena de Fecha);
• var d = new Date(año, mes, día, horas, minutos, segundos, milisegundos);
// (el mes comienza en 0, Enero sería 0, Febrero 1, etc.)
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Date
Propiedades
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Date
Propiedad Descripción
constructor Devuelve la función que creó el objeto Date.
prototype Te permitirá añadir propiedades y métodos a un objeto.
Métodos
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Date
Método Descripción
getDate() Devuelve el día del mes (de 1-31).
getDay() Devuelve el día de la semana (de 0-6).
getFullYear() Devuelve el año (4 dígitos).
getHours() Devuelve la hora (de 0-23).
getMilliseconds() Devuelve los milisegundos (de 0-999).
getMinutes() Devuelve los minutos (de 0-59).
getMonth() Devuelve el mes (de 0-11).
getSeconds() Devuelve los segundos (de 0-59).
Métodos
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Date
Método Descripción
getTime() Devuelve los milisegundos desde media noche del 1 de Enero de 1970.
getTimezoneOffset() Devuelve la diferencia de tiempo entre GMTy la hora local,en minutos.
getUTCDate() Devuelve el día del mes enbase a la hora UTC (de 1-31).
getUTCDay() Devuelve el día de la semana enbase a la hora UTC (de 0-6).
getUTCFullYear() Devuelve el año enbase a la hora UTC (4 dígitos).
setDate() Ajusta el día del mes del objeto (de 1-31).
setFullYear() Ajusta el año del objeto (4 dígitos).
setHours() Ajusta la hora del objeto (de 0-23).
EJERCICIO: u3e1_fincurso
• Crea un programa que pida muestre el número de días que quedan desde
hoy hasta el fin de curso (por ejemplo, el 24 de junio).
• Recuerda que los meses empiezan desde el número 0.
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Date
EJERCICIO: u3e2_domingos
• Crea un programa que pida por parámetro tu cumpleaños (no hace falta el
año) y saque todos los años en que tu cumpleaños va a caer en domingo
desde este año hasta el año 2100.
• Recuerda que los meses empiezan desde el número 0.
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Date
EJERCICIO: u3e3_formatofechas
• Crea un programa que muestre la fecha actual en diferentes formatos, según
el valor que meta el usuario por parámetro:
• 1) 17/02/2016
• 2) Miércoles, 17 de febrero de 2016.
• 3) Wednesday, February 17, 2016.
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Date
EJERCICIO: u3e4_formatohoras
• Crea un programa que muestre la hora actual en diferentes formatos, según
el valor que meta el usuario por parámetro:
• 1) 14:35:07 (hora detallada con minutos y segundos)
• 2) 02:35 PM o 02:35:07 AM (hora con minutos y AM o PM según sea antes
o después del medio día).
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Date
Instanciación
• No es un constructor, no podemos crear objetos de tipo Math. Pero sí podemos
llamar a propiedades o métodos.
• var pi = Math.PI;
• var x= Math.sqrt(16);
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Math
Propiedades
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Math
Propieda
d
Descripción
E Devuelve el número Euler (aproximadamente 2.718).
LN2 Devuelve el logaritmo neperiano de 2 ( aproximadamente 0.693).
LN10 Devuelve el logaritmo neperiano de 10 ( aproximadamente 2.302).
LOG2E Devuelve el logaritmo base 2 de E ( aproximadamente 1.442).
LOG10E Devuelve el logaritmo base 10 de E ( aproximadamente 0.434).
PI Devuelve el número PI ( aproximadamente 3.14159).
SQRT2 Devuelve la raíz cuadrada de 2 ( aproximadamente 1.414).
Métodos
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Math
Método Descripción
abs(x) Devuelve el valorabsoluto de x.
acos(x) Devuelve el arcocoseno de x,enradianes.
asin(x) Devuelve el arcoseno de x,en radianes.
atan(x) Devuelve el arcotangente de x,enradianes con un valorentre -PI/2 y PI/2.
atan2(y,x) Devuelve el arcotangente del cociente de sus argumentos.
ceil(x) Devuelve el número x redondeado al alta hacia el siguiente entero.
cos(x) Devuelve el coseno de x (x está en radianes).
floor(x) Devuelve el número x redondeado a la baja hacia el anterior entero.
log(x) Devuelve el logaritmo neperiando (base E) de x.
Métodos
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Math
Método Descripción
max(x,y,z,...,n) Devuelve el número más alto de los que se pasan como parámetros.
min(x,y,z,...,n) Devuelve el número más bajo de los que se pasan como parámetros.
pow(x,y) Devuelve el resultado de x elevado a y.
random() Devuelve un número al azar entre 0 y 1.
round(x) Redondea x al entero más próximo.
sin(x) Devuelve el seno de x (x está en radianes).
sqrt(x) Devuelve la raíz cuadrada de x.
tan(x) Devuelve la tangente de un ángulo.
EJERCICIO: u3e5_math
• Crea un programa que pida al usuario que elija una opción del siguiente menú:
• 1) Potencia.
• 2) Raíz.
• 3) Redondeo.
• 4) Trigonometría.
• Si el usuario introduce 1, se le deberá pedir una base y un exponente y se
mostrará el resultado en pantalla (La potencia de X elevado a Y es: )
• Si el usuario introduce 2, se le pedirá un número (no negativo) y se mostrará el
resultado en pantalla (La raíz de X es: )
• Si el usuario introduce 3, se le pedirá un decimal por pantalla y se mostrará el
redondeo al entero más próximo, al alta y a la baja.
• Si el usuario introduce 4, se le pedirá un ángulo (entre 0 y 360) y se le mostrarán
por pantalla los valores trigonométricos del seno, coseno y tangente.
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Math
EJERCICIO: u3e6_circulo
• Crea un programa que pida al usuario el valor del radio y muestre por pantalla:
• El valor del radio.
• El valor del diámetro.
• El valor del perímetro de la circunferencia.
• El valor del área del círculo.
• El valor del área de la esfera.
• El valor del volumen de la esfera.
• El valor de Pi debes obtenerlo del objeto Math, no introducirlo manualmente.
• Debes escribir al lado si son cm, o cm2, o cm3.
• Como datos de muestra, si metes 5, deberías obtener aproximadamente: 5 / 10 /
31,41 / 78,54 / 314,15 / 523,59.
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Math
Instanciación
• No se suele utilizar: normalmente asignamos valores numéricos a una variable:
• var num = new Number (value);
• Si el parámetro que se pasa al constructor no se puede convertir devuelve NaN.
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Number
Propiedades
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Number
Propiedad Descripción
constructor Devuelve la función que creó el objeto Number.
MAX_VALUE Devuelve el número más alto disponible en JavaScript.
MIN_VALUE Devuelve el número más pequeño disponible en JavaScript.
NEGATIVE_INFINITY Representa a infinito negativo (se devuelve en caso de overflow).
POSITIVE_INFINITY Representa a infinito positivo (se devuelve en caso de overflow).
prototype Permite añadir nuestras propias propiedades y métodos a un objeto.
Métodos
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Number
Método Descripción
toExponential(x
)
Convierte un número a su notación exponencial.
toFixed(x) Formatea un número con x digitos decimales después del punto decimal.
toPrecision(x) Formatea un número a la longitud x.
toString()
Convierte un objeto Number en una cadena.
•Si se pone 2 como parámetro se mostrará el número en binario.
•Si se pone 8 como parámetro se mostrará el número en octal.
•Si se pone 16 como parámetro se mostrará el número en hexadecimal.
valueOf() Devuelve el valor primitivo de un objeto Number.
EJERCICIO: u3e7_number
• Crea un programa que pida al usuario un número entero por pantalla y
muestre:
• Su valor exponencial.
• El número con 4 decimales.
• El número en binario.
• El número en octal.
• El número en hexadecimal.
• Utiliza para ello los métodos del objeto Number.
• Como datos de muestra, si metes 50, deberías obtener: 5e1 / 50.0000 /
00110010 / 62 / 0x32.
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Number
Instanciación:
• Convierte un valor no booleano a un valor booleano.
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Boolean
Propiedad Descripción
constructor Devuelve la función que creó el objeto Boolean.
prototype Te permitirá añadir propiedades y métodos a un objeto.
Métodos
Método Descripción
toString() Convierte un valor Boolean a una cadena y devuelve el resultado.
valueOf() Devuelve el valor primitivo de un objeto Boolean.
Propiedades
Instanciación:
• Podemos utilizar dos maneras:
• var txt = new String("string");
• var txt = "string";
• Podemos utilizar comillas dobles o simples:
• var cadena = '<input type="checkbox" name="coche" />Audi A6';
• var cadena = "<input type='checkbox' name='coche' />Audi A6";
• Podemos utilizar caracteres de escape:
• var cadena = "<input type="checkbox" name="coche" />Audi A6";
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
String
Instanciación:
• Podemos concatenar cadenas muy largas con +=
• var nuevoDocumento = "”;
• nuevoDocumento += "<!DOCTYPE html>";
• nuevoDocumento += "<html>" ;
• nuevoDocumento += "<head>";
• nuevoDocumento += '<meta http-equiv="content-type"';
• nuevoDocumento += ' content="text/html;charset=utf-8">';
• Podemos concatenar cadenas con variables:
• nombreEquipo = prompt("Introduce el nombre de tu equipo favorito:","");
• var mensaje= "El " + nombreEquipo + " ha sido el campeón de la Copa del Rey!";
• alert(mensaje);
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
String
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Boolean
Propiedad Descripción
length Contiene la longitud de una cadena.
Métodos
Método Descripción
charAt() Devuelve el carácterespecificado porla posiciónque se indica entre paréntesis.
charCodeAt()
Devuelve el Unicode del carácterespecificado porla posiciónque se indica entre
paréntesis.
concat() Une una o más cadenas y devuelve el resultado de esa unión.
fromCharCode() Convierte valores Unicode a caracteres.
indexOf() Devuelve la posiciónde la primera ocurrencia del carácterbuscado en la cadena.
lastIndexOf() Devuelve la posiciónde la última ocurrencia del carácterbuscado en la cadena.
Propiedades
Métodos
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Math
Método Descripción
match()
Busca una coincidencia entre una expresión regular y una cadena y devuelve las coincidencias o null si
no ha encontrado nada.
replace() Busca una subcadena en la cadena y la reemplaza por la nueva cadena especificada.
search() Busca una subcadena en la cadena y devuelve la posición dónde se encontró.
slice() Extrae una parte de la cadena y devuelve una nueva cadena.
split() Divide una cadena en un array de subcadenas.
substr()
Extrae los caracteres de una cadena, comenzando en una determinada posición y con el número de
caracteres indicado.
substring() Extrae los caracteres de una cadena entre dos índices especificados.
toLowerCase() Convierte una cadena en minúsculas.
toUpperCase() Convierte una cadena en mayúsculas.
EJERCICIO: u3e8_nombreapellidos
• Crea un programa que pida al usuario su nombre y apellidos y muestre:
• El tamaño del nombre más los apellidos (sin contar espacios).
• La cadena en minúsculas y en mayúsculas.
• Que divida el nombre y los apellidos y los muestre en 3 líneas, donde
ponga Nombre: / Apellido 1: / Apellido 2:
• Una propuesta de nombre de usuario, compuesto por la inicial del nombre,
el primer apellido y la inicial del segundo apellido: ej. Para Laura Folgado
Galache sería lfolgadog.
• Una propuesta de nombre de usuario compuesto por las tres primeras
letras del nombre y de los dos apellidos: ej. laufolgal.
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Number
EJERCICIO: u3e9_contrasena
• Crea un programa que pida al usuario una propuesta de contraseña y
compruebe si cumple con los siguientes requisitos.
• Tiene entre 8 y 16 caracteres.
• Tiene una letra mayúscula.
• Tiene una letra minúscula.
• Tiene un número.
• Tiene uno de los siguientes valores: guión alto, guión bajo, arroba,
almohadilla, dólar, tanto por ciento o ampersand.
• Si cumple con todos los requisitos se considera una contraseña segura, de lo
contrario mostrará que es una contraseña no segura.
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Number
Mediante el Browse Object Model (BOM) se podían modificar las propiedades del
navegador. Con Document Object Model (DOM) no hay ninguna entidad que trate de
estandarizarlo.
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.3. OBJETOS DE ALTO NIVEL EN JAVASCRIPT
Acceso a propiedades y métodos
• window.nombrePropiedad
• window.nombreMétodo( [parámetros] )
Como contiene el resto de objetos podemos omitir su nombre:
• nombrePropiedad
• nombreMétodo( [parámetros] )
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.3. OBJETOS DE ALTO NIVEL EN JAVASCRIPT
Window
Propiedades
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Window
Propiedad Descripción
closed Devuelve un valor Boolean indicando cuando una ventana ha sido cerrada o no.
defaultStatus Ajusta o devuelve el valor por defecto de la barra de estado de una ventana.
document Devuelve el objeto document para la ventana.
frames Devuelve un array de todos los marcos (incluidos iframes) de la ventana actual.
history Devuelve el objeto history de la ventana.
length
Devuelve el número de frames (incluyendo iframes) que hay en dentro de una
ventana.
location Devuelve la Localización del objeto ventana (URL del fichero).
Propiedades
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Window
Propiedad Descripción
name Ajusta o devuelve el nombre de una ventana.
navigator Devuelve el objeto navigator de una ventana.
opener Devuelve la referencia a la ventana que abrió la ventana actual.
parent Devuelve la ventana padre de la ventana actual.
self / window Devuelve la ventana actual.
status Ajusta el texto de la barra de estado de una ventana.
top Nombre alternativo de la ventana del nivel superior
Métodos
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Window
Método Descripción
alert(mensaje) Muestra una ventana emergente de alerta y un botón de aceptar.
blur() Elimina el foco de la ventana actual.
clearInterval(id) Resetea el cronómetroajustado consetInterval().
setInterval(expresion,tiempo)
Llama a una función o evalúa unaexpresión en un intervaloespecificado (en
milisegundos).
clearTimeOut(nombre) Cancelael intervaloreferenciadopor ‘nombre’.
setTimeOut(expresion,tiempo)
Evalua la expresión después de que hayan pasado un intervalode tiempo(en
milisegundos).
close() Cierra la ventana actual.
confirm(mensaje)
Muestra una ventana emergente con un mensaje,un botónde aceptar y un
botón de cancelar.
Métodos
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Window
Método Descripción
focus() Coloca el foco en la ventana actual.
moveBy(x,y) Mueve la ventanaactual el númerode píxeles especificados.
moveTo(x,y) Mueve la ventanaa laposición especificada.
open(url,nombre,características) Abre una nueva ventana de navegación.
prompt(mensaje,respuesta_defecto) Muestraunaventanade diálogo para introducir datos.
scrollBy(x,y) Mueve el scroll de la ventanael númerode píxeles indicados.
scrollTo(x,y) Mueve el scroll de la ventanaa la posiciónindicada.
Características de una ventana
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Window
Método Descripción
toolbar = [yes|no|1|0] Indica si la ventana tendrá o no barra de herramientas (yes=1; no=0).
location = [yes|no|1|0] Indica si la ventana tendrá campo de localización o no (yes=1; no=0).
directories =[yes|no|1|0] Indica si la ventana tendrá botones de dirección o no (yes=1; no=0).
status = [yes|no|1|0] Indica si la ventana tendrá barra de estado o no (yes=1; no=0).
menubar = [yes|no|1|0] Indica si la ventana tendrá barra de menús o no (yes=1; no=0).
scrollbars =[yes|no|1| Indica si la ventana tendrá barras de desplazamiento o no (yes=1; no=0).
resizable =[yes|no|1|0]. Indica si la ventana se podrá redimensionar o no (yes=1; no=0).
width = px / heigth = px Ancho y alto de la ventana en píxeles
outerWidth = px / outerHeigth = px
Ancho y alto total de la ventana en píxeles.
top = px / left = px Distancia de la ventana desde la parte superior e izquierda en píxeles.
EJERCICIO: u3e10_window
• Crea un programa que tenga botones para permitirmodificarlas siguientes propiedades de una
ventana:
• Abrir una ventana nueva:
• Debes preguntar al usuariosi estádeacuerdo o no, y solo si aceptase abrirá lanuevaventana.
• La nuevaventanatendrálas siguientespropiedades: no tendrá barrade herramientas, ni location, nibarra de
menú, ni será redimensionable. Tendrá 200x80píxeles y se posicionaráen 500x500píxeles.
• La nueva ventana incluirá un pequeñotexto y un botón queal hacerclic cerrará la ventana.
• Cerrar la ventana creada:si la ventana está cerrada mostrará unmensaje de error.
• Moverla ventana 10 píxeles a la derecha y abajo.
• Moverla ventana a la posición100,100.
• Aumentarel tamaño de la ventana 10 píxeles de ancho y largo.
• Aumentarel tamaño de la ventana a 400x200.
• Colocar el scroll de la ventana arriba del todo
• Colocar el scroll de la ventana a 10 píxeles de la parte superior.
• Todos los botones,exceptoel primero y el segundo,los puedes programardiréctamente mediante la
propiedad onClick, por ejemplo:
• <input type=“button” value=“Imprimir” onClick=“print()”/>
• Recuerda que no es necesario utilizar “window” delante de la propiedad.
LA U R A F O LG A D O G A LA CH E
3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE
3.2. OBJETOS NATIVOS DE JAVASCRIPT
Number

Más contenido relacionado

La actualidad más candente

Basic i/o & file handling in java
Basic i/o & file handling in javaBasic i/o & file handling in java
Basic i/o & file handling in javaJayasankarPR2
 
Introduction to ADO.NET
Introduction to ADO.NETIntroduction to ADO.NET
Introduction to ADO.NETrchakra
 
Object Oriented Programing JAVA presentaion
Object Oriented Programing JAVA presentaionObject Oriented Programing JAVA presentaion
Object Oriented Programing JAVA presentaionPritom Chaki
 
Clases y objetos de java
Clases y objetos de javaClases y objetos de java
Clases y objetos de javainnovalabcun
 
Html5 y css3: Introducción y aplicación desde hoy
Html5 y css3: Introducción y aplicación desde hoyHtml5 y css3: Introducción y aplicación desde hoy
Html5 y css3: Introducción y aplicación desde hoyParadigma Digital
 
Lab #2: Introduction to Javascript
Lab #2: Introduction to JavascriptLab #2: Introduction to Javascript
Lab #2: Introduction to JavascriptWalid Ashraf
 
Dom(document object model)
Dom(document object model)Dom(document object model)
Dom(document object model)Partnered Health
 
Chapter 07 php forms handling
Chapter 07   php forms handlingChapter 07   php forms handling
Chapter 07 php forms handlingDhani Ahmad
 
Inheritance concepts
Inheritance concepts Inheritance concepts
Inheritance concepts Kumar
 
Introduction to java
Introduction to javaIntroduction to java
Introduction to javaAjay Sharma
 
Constructores en Java
Constructores en JavaConstructores en Java
Constructores en JavaUCE
 
JavaScript - Chapter 13 - Browser Object Model(BOM)
JavaScript - Chapter 13 - Browser Object Model(BOM)JavaScript - Chapter 13 - Browser Object Model(BOM)
JavaScript - Chapter 13 - Browser Object Model(BOM)WebStackAcademy
 
JavaScript - Chapter 9 - TypeConversion and Regular Expressions
 JavaScript - Chapter 9 - TypeConversion and Regular Expressions  JavaScript - Chapter 9 - TypeConversion and Regular Expressions
JavaScript - Chapter 9 - TypeConversion and Regular Expressions WebStackAcademy
 

La actualidad más candente (20)

Object-oriented concepts
Object-oriented conceptsObject-oriented concepts
Object-oriented concepts
 
Basic i/o & file handling in java
Basic i/o & file handling in javaBasic i/o & file handling in java
Basic i/o & file handling in java
 
Introduction to ADO.NET
Introduction to ADO.NETIntroduction to ADO.NET
Introduction to ADO.NET
 
Object Oriented Programing JAVA presentaion
Object Oriented Programing JAVA presentaionObject Oriented Programing JAVA presentaion
Object Oriented Programing JAVA presentaion
 
Json short manual
Json short manualJson short manual
Json short manual
 
Clases y objetos de java
Clases y objetos de javaClases y objetos de java
Clases y objetos de java
 
Html5 y css3: Introducción y aplicación desde hoy
Html5 y css3: Introducción y aplicación desde hoyHtml5 y css3: Introducción y aplicación desde hoy
Html5 y css3: Introducción y aplicación desde hoy
 
07 java variables
07   java variables07   java variables
07 java variables
 
Lab #2: Introduction to Javascript
Lab #2: Introduction to JavascriptLab #2: Introduction to Javascript
Lab #2: Introduction to Javascript
 
Dom(document object model)
Dom(document object model)Dom(document object model)
Dom(document object model)
 
Angular Conceptos Practicos 1
Angular Conceptos Practicos 1Angular Conceptos Practicos 1
Angular Conceptos Practicos 1
 
Java String
Java String Java String
Java String
 
C# Events
C# EventsC# Events
C# Events
 
Chapter 07 php forms handling
Chapter 07   php forms handlingChapter 07   php forms handling
Chapter 07 php forms handling
 
Inheritance concepts
Inheritance concepts Inheritance concepts
Inheritance concepts
 
Introduction to java
Introduction to javaIntroduction to java
Introduction to java
 
Constructores en Java
Constructores en JavaConstructores en Java
Constructores en Java
 
JavaScript - Chapter 13 - Browser Object Model(BOM)
JavaScript - Chapter 13 - Browser Object Model(BOM)JavaScript - Chapter 13 - Browser Object Model(BOM)
JavaScript - Chapter 13 - Browser Object Model(BOM)
 
JavaScript - Chapter 9 - TypeConversion and Regular Expressions
 JavaScript - Chapter 9 - TypeConversion and Regular Expressions  JavaScript - Chapter 9 - TypeConversion and Regular Expressions
JavaScript - Chapter 9 - TypeConversion and Regular Expressions
 
Eventos en Java
Eventos en JavaEventos en Java
Eventos en Java
 

Similar a 3. Utilización de los objetos predefinidos del lenguaje

Similar a 3. Utilización de los objetos predefinidos del lenguaje (20)

Separata java script
Separata java scriptSeparata java script
Separata java script
 
Tipos de datos numéricos en Python
Tipos de datos numéricos en PythonTipos de datos numéricos en Python
Tipos de datos numéricos en Python
 
FdP_Diapositivas_2018
FdP_Diapositivas_2018FdP_Diapositivas_2018
FdP_Diapositivas_2018
 
Semana2
Semana2Semana2
Semana2
 
DISTRIBUCIONES ESTADISTICAS EN HIDROLOGÍA Y SU APLICACIÓN EN R
DISTRIBUCIONES ESTADISTICAS EN HIDROLOGÍA Y SU APLICACIÓN EN RDISTRIBUCIONES ESTADISTICAS EN HIDROLOGÍA Y SU APLICACIÓN EN R
DISTRIBUCIONES ESTADISTICAS EN HIDROLOGÍA Y SU APLICACIÓN EN R
 
Conceptos básicos de R
Conceptos básicos de RConceptos básicos de R
Conceptos básicos de R
 
Mas_de_400_ejercicios_de_programacion_en (2).pdf
Mas_de_400_ejercicios_de_programacion_en (2).pdfMas_de_400_ejercicios_de_programacion_en (2).pdf
Mas_de_400_ejercicios_de_programacion_en (2).pdf
 
Mas_de_400_ejercicios_de_programacion_en (1).pdf
Mas_de_400_ejercicios_de_programacion_en (1).pdfMas_de_400_ejercicios_de_programacion_en (1).pdf
Mas_de_400_ejercicios_de_programacion_en (1).pdf
 
Examanesplf
ExamanesplfExamanesplf
Examanesplf
 
Unidad 2 introducción a los algoritmos
Unidad 2 introducción a los algoritmosUnidad 2 introducción a los algoritmos
Unidad 2 introducción a los algoritmos
 
Paralela6
Paralela6Paralela6
Paralela6
 
clase modelo.pptx
clase modelo.pptxclase modelo.pptx
clase modelo.pptx
 
Estructura de datos avanzada
Estructura de datos avanzadaEstructura de datos avanzada
Estructura de datos avanzada
 
Manual De Javascript
Manual De JavascriptManual De Javascript
Manual De Javascript
 
1117035859 javascript
1117035859 javascript1117035859 javascript
1117035859 javascript
 
Manual javascript
Manual javascriptManual javascript
Manual javascript
 
1117035859 javascript
1117035859 javascript1117035859 javascript
1117035859 javascript
 
javascript
 javascript javascript
javascript
 
1117035859 javascript
1117035859 javascript1117035859 javascript
1117035859 javascript
 
Javascript
JavascriptJavascript
Javascript
 

Más de Laura Folgado Galache

Introducción a SASS - Diseño de Interfaces Web (Desarrollo de Aplicaciones Web)
Introducción a SASS - Diseño de Interfaces Web (Desarrollo de Aplicaciones Web)Introducción a SASS - Diseño de Interfaces Web (Desarrollo de Aplicaciones Web)
Introducción a SASS - Diseño de Interfaces Web (Desarrollo de Aplicaciones Web)Laura Folgado Galache
 
Guías de estilo web - Diseño de interfaces web (Desarrollo de aplicaciones web)
Guías de estilo web - Diseño de interfaces web (Desarrollo de aplicaciones web)Guías de estilo web - Diseño de interfaces web (Desarrollo de aplicaciones web)
Guías de estilo web - Diseño de interfaces web (Desarrollo de aplicaciones web)Laura Folgado Galache
 
Empaquetado de aplicaciones Java con Netbeans
Empaquetado de aplicaciones Java con NetbeansEmpaquetado de aplicaciones Java con Netbeans
Empaquetado de aplicaciones Java con NetbeansLaura Folgado Galache
 
Repaso de Java Swing usando Rally-Coach
Repaso de Java Swing usando Rally-CoachRepaso de Java Swing usando Rally-Coach
Repaso de Java Swing usando Rally-CoachLaura Folgado Galache
 
Blogs - Creación y participación en comunidades virtuales (CFIE Soria)
Blogs - Creación y participación en comunidades virtuales (CFIE Soria)Blogs - Creación y participación en comunidades virtuales (CFIE Soria)
Blogs - Creación y participación en comunidades virtuales (CFIE Soria)Laura Folgado Galache
 

Más de Laura Folgado Galache (16)

Introducción a SASS - Diseño de Interfaces Web (Desarrollo de Aplicaciones Web)
Introducción a SASS - Diseño de Interfaces Web (Desarrollo de Aplicaciones Web)Introducción a SASS - Diseño de Interfaces Web (Desarrollo de Aplicaciones Web)
Introducción a SASS - Diseño de Interfaces Web (Desarrollo de Aplicaciones Web)
 
Guías de estilo web - Diseño de interfaces web (Desarrollo de aplicaciones web)
Guías de estilo web - Diseño de interfaces web (Desarrollo de aplicaciones web)Guías de estilo web - Diseño de interfaces web (Desarrollo de aplicaciones web)
Guías de estilo web - Diseño de interfaces web (Desarrollo de aplicaciones web)
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 
Usabilidad móvil
Usabilidad móvilUsabilidad móvil
Usabilidad móvil
 
Empaquetado de aplicaciones Java con Netbeans
Empaquetado de aplicaciones Java con NetbeansEmpaquetado de aplicaciones Java con Netbeans
Empaquetado de aplicaciones Java con Netbeans
 
Tipos de manuales
Tipos de manualesTipos de manuales
Tipos de manuales
 
Ficheros de ayuda en aplicaciones
Ficheros de ayuda en aplicacionesFicheros de ayuda en aplicaciones
Ficheros de ayuda en aplicaciones
 
Distribución de aplicaciones
Distribución de aplicacionesDistribución de aplicaciones
Distribución de aplicaciones
 
Eventos y listeners en Java Swing
Eventos y listeners en Java SwingEventos y listeners en Java Swing
Eventos y listeners en Java Swing
 
Repaso de Java Swing usando Rally-Coach
Repaso de Java Swing usando Rally-CoachRepaso de Java Swing usando Rally-Coach
Repaso de Java Swing usando Rally-Coach
 
Imagen digital
Imagen digitalImagen digital
Imagen digital
 
Video digital
Video digitalVideo digital
Video digital
 
Sonido digital
Sonido digitalSonido digital
Sonido digital
 
Blogs - Creación y participación en comunidades virtuales (CFIE Soria)
Blogs - Creación y participación en comunidades virtuales (CFIE Soria)Blogs - Creación y participación en comunidades virtuales (CFIE Soria)
Blogs - Creación y participación en comunidades virtuales (CFIE Soria)
 
Taller de redes ssociales (Ávila)
Taller de redes ssociales (Ávila)Taller de redes ssociales (Ávila)
Taller de redes ssociales (Ávila)
 
Taller redes sociales (Valladolid)
Taller redes sociales (Valladolid)Taller redes sociales (Valladolid)
Taller redes sociales (Valladolid)
 

Último

Manual de Usuario APPs_AppInventor-2023.pdf
Manual de Usuario APPs_AppInventor-2023.pdfManual de Usuario APPs_AppInventor-2023.pdf
Manual de Usuario APPs_AppInventor-2023.pdfmasogeis
 
BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...
BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...
BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...ITeC Instituto Tecnología Construcción
 
Unidad_3_T1_AutomatasFinitos presentacion
Unidad_3_T1_AutomatasFinitos presentacionUnidad_3_T1_AutomatasFinitos presentacion
Unidad_3_T1_AutomatasFinitos presentacionarmando_cardenas
 
Caso de éxito de Hervian con el ERP Sage 200
Caso de éxito de Hervian con el ERP Sage 200Caso de éxito de Hervian con el ERP Sage 200
Caso de éxito de Hervian con el ERP Sage 200Opentix
 
Segmentacion Segmantica_Modelos UNET and DEEPLABV3
Segmentacion Segmantica_Modelos UNET and DEEPLABV3Segmentacion Segmantica_Modelos UNET and DEEPLABV3
Segmentacion Segmantica_Modelos UNET and DEEPLABV3AlexysCaytanoMelndez1
 
Introducción a Funciones LENGUAJE DART FLUTTER
Introducción a Funciones LENGUAJE DART FLUTTERIntroducción a Funciones LENGUAJE DART FLUTTER
Introducción a Funciones LENGUAJE DART FLUTTEREMMAFLORESCARMONA
 
PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLO
PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLOPARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLO
PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLOSelenaCoronadoHuaman
 

Último (7)

Manual de Usuario APPs_AppInventor-2023.pdf
Manual de Usuario APPs_AppInventor-2023.pdfManual de Usuario APPs_AppInventor-2023.pdf
Manual de Usuario APPs_AppInventor-2023.pdf
 
BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...
BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...
BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...
 
Unidad_3_T1_AutomatasFinitos presentacion
Unidad_3_T1_AutomatasFinitos presentacionUnidad_3_T1_AutomatasFinitos presentacion
Unidad_3_T1_AutomatasFinitos presentacion
 
Caso de éxito de Hervian con el ERP Sage 200
Caso de éxito de Hervian con el ERP Sage 200Caso de éxito de Hervian con el ERP Sage 200
Caso de éxito de Hervian con el ERP Sage 200
 
Segmentacion Segmantica_Modelos UNET and DEEPLABV3
Segmentacion Segmantica_Modelos UNET and DEEPLABV3Segmentacion Segmantica_Modelos UNET and DEEPLABV3
Segmentacion Segmantica_Modelos UNET and DEEPLABV3
 
Introducción a Funciones LENGUAJE DART FLUTTER
Introducción a Funciones LENGUAJE DART FLUTTERIntroducción a Funciones LENGUAJE DART FLUTTER
Introducción a Funciones LENGUAJE DART FLUTTER
 
PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLO
PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLOPARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLO
PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLO
 

3. Utilización de los objetos predefinidos del lenguaje

  • 1.
  • 2. Un objeto es una colección de: • Propiedades (valores). • Métodos (funciones). • Eventos (acciones). Para acceder a una propiedad o método de un objeto hay que utilizar el punto (.) Objeto.propiedad; Objeto.método([argumentos]); LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.1. INTRODUCCIÓN
  • 3. LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.1. INTRODUCCIÓN
  • 4. Los objetos nativos no dependen del navegador: • Date • Math • Number • String Sintaxis para crear un objeto: Var miObjeto = new Objeto(); LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT
  • 5. Instanciación • var d = new Date(); • var d = new Date(milisegundos); • var d = new Date(cadena de Fecha); • var d = new Date(año, mes, día, horas, minutos, segundos, milisegundos); // (el mes comienza en 0, Enero sería 0, Febrero 1, etc.) LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Date
  • 6. Propiedades LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Date Propiedad Descripción constructor Devuelve la función que creó el objeto Date. prototype Te permitirá añadir propiedades y métodos a un objeto.
  • 7. Métodos LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Date Método Descripción getDate() Devuelve el día del mes (de 1-31). getDay() Devuelve el día de la semana (de 0-6). getFullYear() Devuelve el año (4 dígitos). getHours() Devuelve la hora (de 0-23). getMilliseconds() Devuelve los milisegundos (de 0-999). getMinutes() Devuelve los minutos (de 0-59). getMonth() Devuelve el mes (de 0-11). getSeconds() Devuelve los segundos (de 0-59).
  • 8. Métodos LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Date Método Descripción getTime() Devuelve los milisegundos desde media noche del 1 de Enero de 1970. getTimezoneOffset() Devuelve la diferencia de tiempo entre GMTy la hora local,en minutos. getUTCDate() Devuelve el día del mes enbase a la hora UTC (de 1-31). getUTCDay() Devuelve el día de la semana enbase a la hora UTC (de 0-6). getUTCFullYear() Devuelve el año enbase a la hora UTC (4 dígitos). setDate() Ajusta el día del mes del objeto (de 1-31). setFullYear() Ajusta el año del objeto (4 dígitos). setHours() Ajusta la hora del objeto (de 0-23).
  • 9. EJERCICIO: u3e1_fincurso • Crea un programa que pida muestre el número de días que quedan desde hoy hasta el fin de curso (por ejemplo, el 24 de junio). • Recuerda que los meses empiezan desde el número 0. LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Date
  • 10. EJERCICIO: u3e2_domingos • Crea un programa que pida por parámetro tu cumpleaños (no hace falta el año) y saque todos los años en que tu cumpleaños va a caer en domingo desde este año hasta el año 2100. • Recuerda que los meses empiezan desde el número 0. LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Date
  • 11. EJERCICIO: u3e3_formatofechas • Crea un programa que muestre la fecha actual en diferentes formatos, según el valor que meta el usuario por parámetro: • 1) 17/02/2016 • 2) Miércoles, 17 de febrero de 2016. • 3) Wednesday, February 17, 2016. LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Date
  • 12. EJERCICIO: u3e4_formatohoras • Crea un programa que muestre la hora actual en diferentes formatos, según el valor que meta el usuario por parámetro: • 1) 14:35:07 (hora detallada con minutos y segundos) • 2) 02:35 PM o 02:35:07 AM (hora con minutos y AM o PM según sea antes o después del medio día). LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Date
  • 13. Instanciación • No es un constructor, no podemos crear objetos de tipo Math. Pero sí podemos llamar a propiedades o métodos. • var pi = Math.PI; • var x= Math.sqrt(16); LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Math
  • 14. Propiedades LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Math Propieda d Descripción E Devuelve el número Euler (aproximadamente 2.718). LN2 Devuelve el logaritmo neperiano de 2 ( aproximadamente 0.693). LN10 Devuelve el logaritmo neperiano de 10 ( aproximadamente 2.302). LOG2E Devuelve el logaritmo base 2 de E ( aproximadamente 1.442). LOG10E Devuelve el logaritmo base 10 de E ( aproximadamente 0.434). PI Devuelve el número PI ( aproximadamente 3.14159). SQRT2 Devuelve la raíz cuadrada de 2 ( aproximadamente 1.414).
  • 15. Métodos LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Math Método Descripción abs(x) Devuelve el valorabsoluto de x. acos(x) Devuelve el arcocoseno de x,enradianes. asin(x) Devuelve el arcoseno de x,en radianes. atan(x) Devuelve el arcotangente de x,enradianes con un valorentre -PI/2 y PI/2. atan2(y,x) Devuelve el arcotangente del cociente de sus argumentos. ceil(x) Devuelve el número x redondeado al alta hacia el siguiente entero. cos(x) Devuelve el coseno de x (x está en radianes). floor(x) Devuelve el número x redondeado a la baja hacia el anterior entero. log(x) Devuelve el logaritmo neperiando (base E) de x.
  • 16. Métodos LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Math Método Descripción max(x,y,z,...,n) Devuelve el número más alto de los que se pasan como parámetros. min(x,y,z,...,n) Devuelve el número más bajo de los que se pasan como parámetros. pow(x,y) Devuelve el resultado de x elevado a y. random() Devuelve un número al azar entre 0 y 1. round(x) Redondea x al entero más próximo. sin(x) Devuelve el seno de x (x está en radianes). sqrt(x) Devuelve la raíz cuadrada de x. tan(x) Devuelve la tangente de un ángulo.
  • 17. EJERCICIO: u3e5_math • Crea un programa que pida al usuario que elija una opción del siguiente menú: • 1) Potencia. • 2) Raíz. • 3) Redondeo. • 4) Trigonometría. • Si el usuario introduce 1, se le deberá pedir una base y un exponente y se mostrará el resultado en pantalla (La potencia de X elevado a Y es: ) • Si el usuario introduce 2, se le pedirá un número (no negativo) y se mostrará el resultado en pantalla (La raíz de X es: ) • Si el usuario introduce 3, se le pedirá un decimal por pantalla y se mostrará el redondeo al entero más próximo, al alta y a la baja. • Si el usuario introduce 4, se le pedirá un ángulo (entre 0 y 360) y se le mostrarán por pantalla los valores trigonométricos del seno, coseno y tangente. LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Math
  • 18. EJERCICIO: u3e6_circulo • Crea un programa que pida al usuario el valor del radio y muestre por pantalla: • El valor del radio. • El valor del diámetro. • El valor del perímetro de la circunferencia. • El valor del área del círculo. • El valor del área de la esfera. • El valor del volumen de la esfera. • El valor de Pi debes obtenerlo del objeto Math, no introducirlo manualmente. • Debes escribir al lado si son cm, o cm2, o cm3. • Como datos de muestra, si metes 5, deberías obtener aproximadamente: 5 / 10 / 31,41 / 78,54 / 314,15 / 523,59. LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Math
  • 19. Instanciación • No se suele utilizar: normalmente asignamos valores numéricos a una variable: • var num = new Number (value); • Si el parámetro que se pasa al constructor no se puede convertir devuelve NaN. LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Number
  • 20. Propiedades LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Number Propiedad Descripción constructor Devuelve la función que creó el objeto Number. MAX_VALUE Devuelve el número más alto disponible en JavaScript. MIN_VALUE Devuelve el número más pequeño disponible en JavaScript. NEGATIVE_INFINITY Representa a infinito negativo (se devuelve en caso de overflow). POSITIVE_INFINITY Representa a infinito positivo (se devuelve en caso de overflow). prototype Permite añadir nuestras propias propiedades y métodos a un objeto.
  • 21. Métodos LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Number Método Descripción toExponential(x ) Convierte un número a su notación exponencial. toFixed(x) Formatea un número con x digitos decimales después del punto decimal. toPrecision(x) Formatea un número a la longitud x. toString() Convierte un objeto Number en una cadena. •Si se pone 2 como parámetro se mostrará el número en binario. •Si se pone 8 como parámetro se mostrará el número en octal. •Si se pone 16 como parámetro se mostrará el número en hexadecimal. valueOf() Devuelve el valor primitivo de un objeto Number.
  • 22. EJERCICIO: u3e7_number • Crea un programa que pida al usuario un número entero por pantalla y muestre: • Su valor exponencial. • El número con 4 decimales. • El número en binario. • El número en octal. • El número en hexadecimal. • Utiliza para ello los métodos del objeto Number. • Como datos de muestra, si metes 50, deberías obtener: 5e1 / 50.0000 / 00110010 / 62 / 0x32. LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Number
  • 23. Instanciación: • Convierte un valor no booleano a un valor booleano. LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Boolean Propiedad Descripción constructor Devuelve la función que creó el objeto Boolean. prototype Te permitirá añadir propiedades y métodos a un objeto. Métodos Método Descripción toString() Convierte un valor Boolean a una cadena y devuelve el resultado. valueOf() Devuelve el valor primitivo de un objeto Boolean. Propiedades
  • 24. Instanciación: • Podemos utilizar dos maneras: • var txt = new String("string"); • var txt = "string"; • Podemos utilizar comillas dobles o simples: • var cadena = '<input type="checkbox" name="coche" />Audi A6'; • var cadena = "<input type='checkbox' name='coche' />Audi A6"; • Podemos utilizar caracteres de escape: • var cadena = "<input type="checkbox" name="coche" />Audi A6"; LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT String
  • 25. Instanciación: • Podemos concatenar cadenas muy largas con += • var nuevoDocumento = "”; • nuevoDocumento += "<!DOCTYPE html>"; • nuevoDocumento += "<html>" ; • nuevoDocumento += "<head>"; • nuevoDocumento += '<meta http-equiv="content-type"'; • nuevoDocumento += ' content="text/html;charset=utf-8">'; • Podemos concatenar cadenas con variables: • nombreEquipo = prompt("Introduce el nombre de tu equipo favorito:",""); • var mensaje= "El " + nombreEquipo + " ha sido el campeón de la Copa del Rey!"; • alert(mensaje); LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT String
  • 26. LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Boolean Propiedad Descripción length Contiene la longitud de una cadena. Métodos Método Descripción charAt() Devuelve el carácterespecificado porla posiciónque se indica entre paréntesis. charCodeAt() Devuelve el Unicode del carácterespecificado porla posiciónque se indica entre paréntesis. concat() Une una o más cadenas y devuelve el resultado de esa unión. fromCharCode() Convierte valores Unicode a caracteres. indexOf() Devuelve la posiciónde la primera ocurrencia del carácterbuscado en la cadena. lastIndexOf() Devuelve la posiciónde la última ocurrencia del carácterbuscado en la cadena. Propiedades
  • 27. Métodos LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Math Método Descripción match() Busca una coincidencia entre una expresión regular y una cadena y devuelve las coincidencias o null si no ha encontrado nada. replace() Busca una subcadena en la cadena y la reemplaza por la nueva cadena especificada. search() Busca una subcadena en la cadena y devuelve la posición dónde se encontró. slice() Extrae una parte de la cadena y devuelve una nueva cadena. split() Divide una cadena en un array de subcadenas. substr() Extrae los caracteres de una cadena, comenzando en una determinada posición y con el número de caracteres indicado. substring() Extrae los caracteres de una cadena entre dos índices especificados. toLowerCase() Convierte una cadena en minúsculas. toUpperCase() Convierte una cadena en mayúsculas.
  • 28. EJERCICIO: u3e8_nombreapellidos • Crea un programa que pida al usuario su nombre y apellidos y muestre: • El tamaño del nombre más los apellidos (sin contar espacios). • La cadena en minúsculas y en mayúsculas. • Que divida el nombre y los apellidos y los muestre en 3 líneas, donde ponga Nombre: / Apellido 1: / Apellido 2: • Una propuesta de nombre de usuario, compuesto por la inicial del nombre, el primer apellido y la inicial del segundo apellido: ej. Para Laura Folgado Galache sería lfolgadog. • Una propuesta de nombre de usuario compuesto por las tres primeras letras del nombre y de los dos apellidos: ej. laufolgal. LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Number
  • 29. EJERCICIO: u3e9_contrasena • Crea un programa que pida al usuario una propuesta de contraseña y compruebe si cumple con los siguientes requisitos. • Tiene entre 8 y 16 caracteres. • Tiene una letra mayúscula. • Tiene una letra minúscula. • Tiene un número. • Tiene uno de los siguientes valores: guión alto, guión bajo, arroba, almohadilla, dólar, tanto por ciento o ampersand. • Si cumple con todos los requisitos se considera una contraseña segura, de lo contrario mostrará que es una contraseña no segura. LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Number
  • 30. Mediante el Browse Object Model (BOM) se podían modificar las propiedades del navegador. Con Document Object Model (DOM) no hay ninguna entidad que trate de estandarizarlo. LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.3. OBJETOS DE ALTO NIVEL EN JAVASCRIPT
  • 31. Acceso a propiedades y métodos • window.nombrePropiedad • window.nombreMétodo( [parámetros] ) Como contiene el resto de objetos podemos omitir su nombre: • nombrePropiedad • nombreMétodo( [parámetros] ) LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.3. OBJETOS DE ALTO NIVEL EN JAVASCRIPT Window
  • 32. Propiedades LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Window Propiedad Descripción closed Devuelve un valor Boolean indicando cuando una ventana ha sido cerrada o no. defaultStatus Ajusta o devuelve el valor por defecto de la barra de estado de una ventana. document Devuelve el objeto document para la ventana. frames Devuelve un array de todos los marcos (incluidos iframes) de la ventana actual. history Devuelve el objeto history de la ventana. length Devuelve el número de frames (incluyendo iframes) que hay en dentro de una ventana. location Devuelve la Localización del objeto ventana (URL del fichero).
  • 33. Propiedades LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Window Propiedad Descripción name Ajusta o devuelve el nombre de una ventana. navigator Devuelve el objeto navigator de una ventana. opener Devuelve la referencia a la ventana que abrió la ventana actual. parent Devuelve la ventana padre de la ventana actual. self / window Devuelve la ventana actual. status Ajusta el texto de la barra de estado de una ventana. top Nombre alternativo de la ventana del nivel superior
  • 34. Métodos LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Window Método Descripción alert(mensaje) Muestra una ventana emergente de alerta y un botón de aceptar. blur() Elimina el foco de la ventana actual. clearInterval(id) Resetea el cronómetroajustado consetInterval(). setInterval(expresion,tiempo) Llama a una función o evalúa unaexpresión en un intervaloespecificado (en milisegundos). clearTimeOut(nombre) Cancelael intervaloreferenciadopor ‘nombre’. setTimeOut(expresion,tiempo) Evalua la expresión después de que hayan pasado un intervalode tiempo(en milisegundos). close() Cierra la ventana actual. confirm(mensaje) Muestra una ventana emergente con un mensaje,un botónde aceptar y un botón de cancelar.
  • 35. Métodos LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Window Método Descripción focus() Coloca el foco en la ventana actual. moveBy(x,y) Mueve la ventanaactual el númerode píxeles especificados. moveTo(x,y) Mueve la ventanaa laposición especificada. open(url,nombre,características) Abre una nueva ventana de navegación. prompt(mensaje,respuesta_defecto) Muestraunaventanade diálogo para introducir datos. scrollBy(x,y) Mueve el scroll de la ventanael númerode píxeles indicados. scrollTo(x,y) Mueve el scroll de la ventanaa la posiciónindicada.
  • 36. Características de una ventana LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Window Método Descripción toolbar = [yes|no|1|0] Indica si la ventana tendrá o no barra de herramientas (yes=1; no=0). location = [yes|no|1|0] Indica si la ventana tendrá campo de localización o no (yes=1; no=0). directories =[yes|no|1|0] Indica si la ventana tendrá botones de dirección o no (yes=1; no=0). status = [yes|no|1|0] Indica si la ventana tendrá barra de estado o no (yes=1; no=0). menubar = [yes|no|1|0] Indica si la ventana tendrá barra de menús o no (yes=1; no=0). scrollbars =[yes|no|1| Indica si la ventana tendrá barras de desplazamiento o no (yes=1; no=0). resizable =[yes|no|1|0]. Indica si la ventana se podrá redimensionar o no (yes=1; no=0). width = px / heigth = px Ancho y alto de la ventana en píxeles outerWidth = px / outerHeigth = px Ancho y alto total de la ventana en píxeles. top = px / left = px Distancia de la ventana desde la parte superior e izquierda en píxeles.
  • 37. EJERCICIO: u3e10_window • Crea un programa que tenga botones para permitirmodificarlas siguientes propiedades de una ventana: • Abrir una ventana nueva: • Debes preguntar al usuariosi estádeacuerdo o no, y solo si aceptase abrirá lanuevaventana. • La nuevaventanatendrálas siguientespropiedades: no tendrá barrade herramientas, ni location, nibarra de menú, ni será redimensionable. Tendrá 200x80píxeles y se posicionaráen 500x500píxeles. • La nueva ventana incluirá un pequeñotexto y un botón queal hacerclic cerrará la ventana. • Cerrar la ventana creada:si la ventana está cerrada mostrará unmensaje de error. • Moverla ventana 10 píxeles a la derecha y abajo. • Moverla ventana a la posición100,100. • Aumentarel tamaño de la ventana 10 píxeles de ancho y largo. • Aumentarel tamaño de la ventana a 400x200. • Colocar el scroll de la ventana arriba del todo • Colocar el scroll de la ventana a 10 píxeles de la parte superior. • Todos los botones,exceptoel primero y el segundo,los puedes programardiréctamente mediante la propiedad onClick, por ejemplo: • <input type=“button” value=“Imprimir” onClick=“print()”/> • Recuerda que no es necesario utilizar “window” delante de la propiedad. LA U R A F O LG A D O G A LA CH E 3. UTILIZACIÓN DE LOS OBJETOS PREDEFINIDOS DEL LENGUAJE 3.2. OBJETOS NATIVOS DE JAVASCRIPT Number