más acerca de las funciones. funciones function hola(msg) { alert('hola ' + msg); }...
TRANSCRIPT
![Page 1: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/1.jpg)
Más Acerca de las Funciones
![Page 2: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/2.jpg)
Funciones
function hola(msg) {
alert('Hola ' + msg);
}
hola('Mundo');
![Page 3: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/3.jpg)
Funciones como variables
var hola = function (msg) { alert('Hola ' + msg);}
hola('Mundo');
![Page 4: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/4.jpg)
Funciones como variables
var hola = function (msg) { alert('Hola ' + msg);}
hola('Mundo');
La función seguirá las mismas reglas que cualquier otra variable en Javascript.
![Page 5: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/5.jpg)
Funciones como variables
var hola = function (msg) { alert('Hola ' + msg);}
hola('Mundo');
La función seguirá las mismas reglas que cualquier otra variable en Javascript.
Tendrá el mismo alcance y puede ser pasado a otras funciones.
![Page 6: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/6.jpg)
Pasando Funciones a Funciones
var mostrar = function(que) { que('funcion mostrar');}
var hola = function (quien) { alert('Hola '+quien); }
mostrar(hola) // "Hola funcion mostrar"
![Page 7: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/7.jpg)
Pasando Funciones a Funciones
Una Función puede pasarse como cualquier otra variable.
Cualquier cosa que pueda contener un valor puede contener una función.
![Page 8: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/8.jpg)
Pasando Funciones
function hacerAlgo() {
alert('diste click!');
}
document.onclick=hacerAlgo;
![Page 9: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/9.jpg)
Pasando Funciones
function presionaBoton() { alert('presionaste boton!');}
function hazAlgo() { return presionaBoton;}
document.onclick = hazAlgo();
![Page 10: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/10.jpg)
Pasando Funciones
var prueba = function () {
return "Esto es un String";
}
var pruebaCopia = prueba;
var pruebaStr = prueba();
var probando = pruebaCopia();
![Page 11: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/11.jpg)
Funciones Anónimas
document.onmousedown = function() { alert("Presionaste el boton"); }
![Page 12: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/12.jpg)
Autoinvocación de Funciones
var x = (function () {return(5+6)})();
document.writeln(typeof(x)+'<BR>');
document.writeln(x);
![Page 13: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/13.jpg)
Autoinvocación de Funciones
var x = (function () {return(5+6)})();
document.writeln(typeof(x)+'<BR>');
document.writeln(x);
![Page 14: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/14.jpg)
Autoinvocación de Funciones
function alerta(msg) {
alert(msg);
}
alerta( (function(animal1,animal2) { return animal1 + ' ama ' + animal2; } ) ('gato', 'perro') );
![Page 15: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/15.jpg)
Autoinvocación de Funciones
function mostrar(msg) { document.writeln(msg+'<br>');}
function crearCadena(num1, num2) { return num1 + ' + ' + num2 + ' = ' + (num1+num2);}
for (i=0; i<10; i++) { mostrar( (crearCadena) (i, i+5) );}
![Page 16: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/16.jpg)
Autoinvocación de Funciones
function mostrar(msg) { document.writeln(msg+'<br>');}
function crearCadena(num1, num2) { return num1 + ' + ' + num2 + ' = ' + (num1+num2);}
for (i=0; i<10; i++) { mostrar( crearCadena(i, i+5) );}
![Page 17: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/17.jpg)
Apuntador de las Funciones
var original = function () { alert('Hola Mundo');}
var copia = original;
var original = function () { alert('adios mundo');}
copia();
![Page 18: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/18.jpg)
Visibilidad (scope) de una Función
var global = function () { alert('Hola Mundo');}
var contenedora = function() {
var subFuncion = function() { alert("Soy Local"); global(); }
global(); subFuncion();
}
contenedora(); subFuncion();
![Page 19: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/19.jpg)
Visibilidad (scope) de una Función
var global = function () { alert('Hola Mundo');}
var contenedora = function() {
subFuncion = function() { alert("Soy Local"); global(); }
global(); subFuncion();
}
contenedora(); subFuncion();
![Page 20: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/20.jpg)
Propiedades y Métodos de las Funciones
Propiedades: arguments -- un Array que contiene los argumentos
pasados a la función
arguments.length arguments.callee – Apuntador a la función
length – El número de argumentos que la función espera
constructor prototype
![Page 21: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/21.jpg)
Propiedades y Métodos de las Funciones
Métodos: apply – Permite pasar argumentos más fácilmente
call – Llama una función dentro de un contexto diferente.
toSource – Regresa la fuente de la función como String.
toString valueOf
![Page 22: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/22.jpg)
Objetos
![Page 23: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/23.jpg)
Instanciar un Objeto
obj = new Object;
obj = new Object();
obj = new Array;
obj = new miObjeto;
obj = new miObjeto();
![Page 24: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/24.jpg)
Objetos Simples
El constructor orientado a objetos más simple en Javascript es Object.
![Page 25: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/25.jpg)
Objetos Simples
El constructor orientado a objetos más simple en Javascript es Object.
En Javascript los objetos están implementados como una colección de propiedades con nombre.
![Page 26: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/26.jpg)
Objetos Simples
El constructor orientado a objetos más simple en Javascript es Object.
En Javascript los objetos están implementados como una colección de propiedades con nombre.
Javascript permite la creación de cualquier número de propiedades en un objeto en cualquier momento.
![Page 27: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/27.jpg)
Objetos Simples
El constructor orientado a objetos más simple en Javascript es Object.
En Javascript los objetos están implementados como una colección de propiedades con nombre.
Javascript permite la creación de cualquier número de propiedades en un objeto en cualquier momento.
NO tienen que estar predefinidas en el constructor o en la declaración del objeto.
![Page 28: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/28.jpg)
Objetos Simples
obj = new Object;
obj.x = 1;
obj.y = 2;
![Page 29: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/29.jpg)
Función Constructora
function Foo() {
this.x = 1;
this.y = 2;
}
obj = new Foo;
![Page 30: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/30.jpg)
Función Constructora
function Foo(x, y) {
this.x = x;
this.y = y;
}
var obj1 = new Foo(5, 3);
var obj2 = new Foo(1, 2);
![Page 31: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/31.jpg)
Función Constructora
function Foo(x, y) {
this.x = x || 1;
this.y = y || 2;
}
var obj1 = new Foo();
var obj2 = new Foo(5);
var obj3 = new Foo(3, 4);
![Page 32: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/32.jpg)
Función Constructora
function Foo(x, y) { this.x = x || 1; this.y = y || 2; this.suma = function() { return this.x + this.y; }}
var obj = new Foo(6);alert(obj.suma()); // 8
![Page 33: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/33.jpg)
Función Constructora
function Foo(x, y) { this.x = x || 1; this.y = y || 2; this.suma = suma;}
function suma() { return this.x + this.y;}
var obj = new Foo(6);alert(obj.suma()); // 8
![Page 34: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/34.jpg)
Función Constructora
var Foo = function(x, y) { this.x = x || 1; this.y = y || 2; this.suma = function() { return this.x + this.y; }}
var obj = new Foo(6);alert(obj.suma()); // 8
![Page 35: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/35.jpg)
Objetos
function Foo() { this.x = 6;}
var obj1 = new Foo;var obj2 = new Foo;
obj1.y = 3;
document.writeln(obj1.x);document.writeln(obj2.x);document.writeln(obj1.y);document.writeln(obj2.y);
![Page 36: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/36.jpg)
Objetos
function Foo() { this.x = 6;}
var obj1 = new Foo;var obj2 = new Foo;
obj1.y = 3;
document.writeln(obj1.x); // 6document.writeln(obj2.x);document.writeln(obj1.y);document.writeln(obj2.y);
![Page 37: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/37.jpg)
Objetos
function Foo() { this.x = 6;}
var obj1 = new Foo;var obj2 = new Foo;
obj1.y = 3;
document.writeln(obj1.x); // 6document.writeln(obj2.x); // 6document.writeln(obj1.y);document.writeln(obj2.y);
![Page 38: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/38.jpg)
Objetos
function Foo() { this.x = 6;}
var obj1 = new Foo;var obj2 = new Foo;
obj1.y = 3;
document.writeln(obj1.x); // 6document.writeln(obj2.x); // 6document.writeln(obj1.y); // 3document.writeln(obj2.y);
![Page 39: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/39.jpg)
Objetos
function Foo() { this.x = 6;}
var obj1 = new Foo;var obj2 = new Foo;
obj1.y = 3;
document.writeln(obj1.x); // 6document.writeln(obj2.x); // 6document.writeln(obj1.y); // 3document.writeln(obj2.y); // undefined
![Page 40: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/40.jpg)
La Propiedad prototype
Cada objeto puede heredar propiedades de otro objeto llamado prototype
Solo puede ser alcanzada a través del nombre del constructor.
![Page 41: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/41.jpg)
La Propiedad prototype
function Foo(x) { this.x = x || 5; }
var o1 = new Foo;var o2 = new Foo(4);
Foo.prototype.y = 6;
document.writeln(o1.x); // 5document.writeln(o2.x); // 4document.writeln(o1.y); // 6document.writeln(o2.y); // 6
![Page 42: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/42.jpg)
La Propiedad prototype
function Foo(x, y) { this.x = x || 5; this.y = y || 3;}
var o1 = new Foo;var o2 = new Foo(4, 3);
Foo.prototype.suma = function() { return this.x + this.y };
document.writeln(o1.suma()); // 2document.writeln(o2.suma()); // 1
![Page 43: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/43.jpg)
Herencia
function A() { this.x = 3;}B.prototype = new A;B.constructor = B;
function B() { this.y = 4;}var b = new B;
alert(b instanceof B); // truealert(b instanceof A); // true
![Page 44: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/44.jpg)
Uso de los Objetos más utilizados en Javascript
![Page 45: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/45.jpg)
Objeto Math - Métodos
abs(x) - Devuelve valor absoluto de x
acos(x) – Arco-coseno de x
asin(x) – Arco-seno de x
atan(x) – Arco-tangente de x
atan2(x, y) – Devuelve el ángulo de un punto (x,y)
ceil(x) – Valor de x redondeado al entero superior
cos(x) – coseno de x
![Page 46: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/46.jpg)
Objeto Math - Métodos
exp(x) – Devuelve el valor de E elevado a x
floor(x) – Devuelve x redondeado al entero inferior
log(x) – Logaritmo natural de x
max(x, y) – Devuelve el mayor de x o y
min(x, y) – Devuelve el menor de x o y
pow(x, y) – x elevado a y potencia
random() - número aleatorio entre 0 y 1
![Page 47: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/47.jpg)
Objeto Math - Métodos
round(x) – x redondeado al entero más cercano
sin(x) – seno de x
sqrt(x) – raíz cuadrada de x
tan(x) – tangente de x
![Page 48: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/48.jpg)
Objeto Math - Constantes
E – Valor de la constate de Euler
LN2 – Logaritmo natural de 2
LN10 – Logaritmo natural de 10
LOG2E – Logaritmo base-2 de E
LOG10E – Logaritmo base-10 de E
PI – Devuelve PI
SQRT1_2 – Raíz cuadrada de ½
SQRT2 – Raíz cuadrada de 2
![Page 49: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/49.jpg)
Jerarquía de los objetos de una Documento HTML
window history location document <body>...</body>
anchor <a name=”...”>...</a> applet <applet>...</applet> area <map>...</map> form <form>...</form> image <img src=”...” /> link <a href=”...”>..</a> plugin <embed src=”...” />
![Page 50: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/50.jpg)
Jerarquía de los objetos de una Documento HTML
frame <frame> navigator
![Page 51: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/51.jpg)
Objeto history
Se encarga de almacenar una lista con los sitios por los que se ha estado navegando.
Se usa principalmente para movernos hacia atrás y adelante en dicha lista
Uso: history.propiedad
![Page 52: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/52.jpg)
Objeto history - Propiedades
current – contiene URL completa de la entrada actual del historial
next – cadena del siguiente URL
length – Entero que contiene el número de entradas del historial
previous – cadena de la URL anterior
![Page 53: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/53.jpg)
Objeto history - Métodos
back() - Vuelve a cargar la URL anterior
forward() - Vuelve a cargar la URL siguiente
go(posicion) – Carga el URL especificado por posicion, si posicion es entero indica la posición relativa dentro del historial, si posicion es una cadena indica la URL que esta en el historial
![Page 54: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/54.jpg)
Objeto location
Contiene la URL actual así como algunos datos de interés respecto a esta URL.
Su finalidad principal es, por una parte, modificar el objeto location para cambiar a una nueva URL, y extraer los componentes de dicha URL de forma separada.
protocolo://maquina_host[:puerto]/camino_al_recurso
![Page 55: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/55.jpg)
Objeto location - Propiedades
hash – Cadena que contiene el nombre del enlace, dentro de la URL.
host - Cadena que contiene el nombre del servidor y el número del puerto, dentro de la URL.
hostname - Cadena que contiene el nombre de dominio del servidor (o la dirección IP)
href - Cadena que contiene la URL completa.
![Page 56: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/56.jpg)
Objeto location - Propiedades
pathname - Cadena que contiene el camino al recurso.
port - Cadena que contiene el número de puerto del servidor.
protocol - Cadena que contiene el protocolo utilizado (incluyendo los dos puntos)
search - Cadena que contiene la información pasada en una llamada a un script
![Page 57: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/57.jpg)
Objeto location - Métodos
reload() - Vuelve a cargar la URL especificada en la propiedad href del objeto location.
replace(cadenaURL) - Reemplaza el historial actual mientras carga la URL especificada en cadenaURL.
![Page 58: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/58.jpg)
Objeto screen - Propiedades
availHeight – Regresa la altura de la pantalla (excluyendo la barra de tareas)
availWidth - Regresa el ancho de la pantalla (excluyendo la barra de tareas)
colorDepth – Regresa la profundidad de bits de la paleta de colores de la pantalla
height – La altura de la pantalla width – La anchura de la pantalla
![Page 59: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/59.jpg)
Objeto navigation - Propiedades
Este objeto nos da la información relativa al navegador que esté utilizando el usuario
appCodeName - Nombre del código del cliente. appName – Nombre del cliente
![Page 60: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/60.jpg)
Objeto navigation - Propiedades
appVersion - Información sobre la versión del cliente.
language - información sobre el idioma de la versión del cliente
mimeTypes - Array que contiene todos los tipos MIME soportados por el cliente.
![Page 61: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/61.jpg)
Objeto navigation - Propiedades
platform - plataforma sobre la que se está ejecutando el programa cliente
plugins - Array que contiene todos los plug-ins soportados por el cliente
UserAgent - abecera completa del agente enviada en una petición HTTP. Contiene la información de las propiedades appCodeName y appVersion.
![Page 62: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/62.jpg)
Objeto navigation - Métodos
javaEnabled() - Devuelve true si el cliente permite la utilización de Java, en caso contrario, devuelve false
![Page 63: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/63.jpg)
Objeto document
Cada documento HTML cargado en el navegador se convierte en un objeto document
Provee acceso a todos los elementos en una página HTML donde se ejecuta el script
El objeto document también forma parte del objeto window y puede ser accesado a través de window.document
![Page 64: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/64.jpg)
Objeto document - Propiedades
cookie – Establece o regresa todas las cookies asociadas al documento actual
domain – Regresa el nombre del dominio
lastModified – Fecha y hora de la última modificación del documento
![Page 65: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/65.jpg)
Objeto document - Propiedades
title – Título del documento actual
URL – URL del documento actual
![Page 66: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/66.jpg)
Objeto document - Métodos
getElementById(id) – Regresa una referencia del primer objeto con id especificado
getElementsByName(name) – Regresa una colección de objetos en el nombre especificado por name
getElementsByTagName(tag) – Regresa una colección de objetos con tag especificado.
![Page 67: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/67.jpg)
Objeto document - Métodos
write(cadena) – Escribe la cadena en el documento
writeln(cadena) – Idéntico al write() solo que agrega un caracter de salto del línea al final
![Page 68: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/68.jpg)
Objeto document - Colecciones
anchors[] - Referencia a todas los objetos anclas en un document
forms[] - Referencia a todos los objetos de un formulario
images[] - Referencia a todos los objetos de imagen
links[] - Referencia a todas las areas y links del documento
![Page 69: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/69.jpg)
Objeto window
Representa una ventana abierta en el navegador.
El objeto window apunta a la ventana actual Si un documento contiene frames, el navegador
crea un objeto window para el documento HTML y un objeto window adicional para cada frame
![Page 70: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/70.jpg)
Objeto window - Colecciones
frames[] - Contiene una referencia a todos los frames en la ventana
![Page 71: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/71.jpg)
Objeto window – Propiedades
closed - Regresa si una ventana ha sido o no cerrada
document – Referencia al objeto document
history – Referencia al objeto history
length – Número de frames en la ventana
location – Referencia al objeto location
![Page 72: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/72.jpg)
Objeto window – Propiedades
name – Establece o regresa el nombre de la ventana
opener – Referencia a la ventana que creo la ventana actual
parent – Referencia al objeto window padre o que contiene el frameset
self – Referencia a la ventaja actual
![Page 73: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/73.jpg)
Objeto window – Propiedades
status – Establece texto en la barra de estado
top – Regresa la ventana en el nivel más superior
![Page 74: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/74.jpg)
Objeto window – Métodos
alert(mensaje) – Muestra mensaje de alerta
blur() - Elimina el foco de la ventana clearInterval(id) – Elimina el intervalo id
establecido por setInterval() clearTimeout(name) - Elimina el intervalo
name establecido por setTimeout() close() - Cierra la ventana actual
![Page 75: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/75.jpg)
Objeto window – Métodos
confirm(mensaje) – Despliega un cuadro de diálogo con el mensaje y los botones 'Aceptar' y 'Cancelar'
focus() - Establece el foco a la ventana actual moveBy(x, y) – Mueve la ventana el numero de
pixeles especificados moveTo(x, y) – Mueve la ventana a las coordenadas
especificadas open(URL, nombre, opciones) – Abre una ventana
![Page 76: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/76.jpg)
Objeto window – Métodos
prompt(mensaje) – Muestra una caja de usuario que sugiere al usuario ingresar datos
setInterval(expresion, tiempo) - Evalua la expresión especificada después de que hayan pasado el número de milisegundos especificados en tiempo. Devuelve un valor que puede ser usado como identificativo por clearInterval()
![Page 77: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/77.jpg)
Objeto window – Métodos
setTimeout(expresion, tiempo) - Evalua la expresión especificada después de que hayan pasado el número de milisegundos especificados en tiempo. Devuelve un valor que puede ser usado como identificativo por clearTimeout()
![Page 78: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/78.jpg)
Abriendo Ventanas
URL – Opcional. URL de la página a abrir. Si no se especifíca se abre una about:blank
nombre – Opcional. Especifica el atributo target o el nombre de la ventana. Soporta:
_blank _parent _self _top nombre
![Page 79: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/79.jpg)
Abriendo Ventanas
opciones – Opcional. Lista de elementos separados por coma
directories = yes|no|1|0 fullscreen = yes|no|1|0 height = pixeles left = pixeles location = yes|no|1|0 menubar = yes|no|1|0
![Page 80: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/80.jpg)
Abriendo Ventanas
resizable = yes|no|1|0 scrollbars = yes|no|1|0 status = yes|no|1|0 titlebar = yes|no|1|0 toolbar = yes|no|1|0 top = pixeles width = pixeles
![Page 81: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/81.jpg)
Abriendo Ventanas
ventana = window.open("", "", "width=800, height=300, location=no, directories=no, menubar=no, resizable=no");
![Page 82: Más Acerca de las Funciones. Funciones function hola(msg) { alert('Hola ' + msg); } hola('Mundo');](https://reader036.vdocuments.mx/reader036/viewer/2022081717/5538f3115503464a018b482d/html5/thumbnails/82.jpg)
Datos
Material: http://soygeek.com.mx/cursojavascript
Blog: http://soygeek.com.mx
Twitter: http://twitter.com/el_keogh
Email, MSN, Gtalk: [email protected]
Google Wave: [email protected]
Delicious: http://delicious.com/keogh