17 JavaScript (Modelo De Objetos) - UV
Tecnologías web17El modelo de objetos de JavaScriptEn JavaScript los objetos pueden ser consideradoscolecciones de propiedades (los atributos, su contenido)y métodos (las acciones, su comportamiento)JavaScriptLas propiedades y los métodos están definidos en la clase del objetoEl modelo de objetosLas propiedades de los objetos también son objetos (de otras clases)El lenguaje ya tiene definidas las clases básicas que representantipos de datos y objetos del navegadorAsí, al contener los objetos otros objetos están establecidasrelaciones de contenido (clientelismo) que se deben conocerConociendo los objetos que contiene otro objeto, se sabe cuálesson los elementos del objeto que se pueden manipularA continuación se muestran las clases de objetos del navegadoren un diagrama que indica sus relaciones de contenidoTecnologías webLos objetos del nologías webLayerLinkImageAreaAnchorAppletPluginForm17 - 2Los objetos del navegadorCada vez que en un archivo HTML se encuentra un elemento HTMLrepresentado por una clase de objetos, automáticamente se creasu correspondiente objetoWindowFrameJavaScript: El modelo de esetRadioCheckboxButtonSelectLos objetos también contienen otras propiedades que son valoresde tipos simples (clases atómicas)Algunos objetos se mantienen en colecciones porque se puedencontener varios ejemplares (objetos) de una misma clasePor ejemplo, en un formulario puede haber varios botones,varias casillas, varios cuadros de texto, etcAunque se pueden identificar los objetos con nombres únicospara distinguirlos y referenciarlos individualmente,cuando se admiten varios ejemplares se mantienen en colecciones(arrays accedidos por posición y con corchetes como es habitual)OptionLa mayoría se pueden identificarcon elementos HTMLJavaScript: El modelo de objetos17 - 3Tecnologías webJavaScript: El modelo de objetos17 - 4
Colecciones de los objetos del navegadorLos objetos intrínsecosEl documento y sus elementos (objetos) contienen coleccionesLas clases de objetos intrínsecos describen los elementos quese manejan en los guiones (que los constituyen):Algunas colecciones son: frames[]: los marcos del documento applets[]: las applets del documento embeds[]: los elementos empotrados en el documento anchors[]: los vínculos del documento images[]: las imágenes del documento forms[]: los formularios del documento elements[]: los elementos de un formulario options[]: las opciones de un cuadro de selección (Select)Tecnologías webJavaScript: El modelo de objetos 17 - 5Referencias a los objetos Date: la fecha y la hora Function: para definir funciones Math: valores y funciones matemáticas Number: valores numéricos Object: los objetos en general String: cadenas de caracteresTecnologías webJavaScript: El modelo de objetos17 - 6 HTML HEAD TITLE Objetos de JavaScript /TITLE /HEAD BODY H1 Objetos de los documentos HTML /H1 FORM NAME "miFormulario" INPUT NAME "cajaTexto" TYPE "text" VALUE "Dato" /FORM /BODY /HTML Por su posición (o nombre de propiedad) en el array deelementos del objeto que lo contiene (sintaxis de array)forms[0]forms["cajaTexto"]Adicionalmente se puede usar this o self para referenciar alobjeto actual; fuera de todo contexto se refiere a la ventanaSi tan sólo manejamos una ventana del navegador podemos omitirel objeto superior de la jerarquía de contenido: windowJavaScript: El modelo de objetosBoolean: para valores lógicosSea el siguiente documento HTML:Por su nombre: atributo NAME del elemento HTML(algunos elementos HTML como BODY tienen un nombrepredeterminado como document)El nombre se coloca detrás del objeto que lo contiene yseparado por un punto (sintaxis de punto)window.statusTecnologías web Referencias a los objetos: ejemploA un objeto se puede hacer referencia de dos formas: Array: para crear colecciones; no es necesario reservarmemoria, ya que se adaptan dinámicamente a las necesidades17 - 7Al interpretar el código HTML se crean diferentes objetosEl primer objeto que se crea es window, objeto de clase Windowque representa la ventana del navegadorTecnologías webJavaScript: El modelo de objetos17 - 8
Referencias a los objetos: ejemploReferencias a los objetos: ejemploLos demás objetos que se crean estarán dentro del objeto window BODY H1 Objetos de los documentos HTML /H1 FORM NAME "miFormulario" INPUT NAME "cajaTexto" TYPE "text" VALUE "Dato" /FORM /BODY El elemento BODY provoca la creación del objeto document,que representa la página web que se está cargando en el navegadorAl documento se accede con window.documentDentro del objeto document se crea otro objeto, de clase Form,que representa el formulario definido en la páginaY dentro del objeto de clase Form se crea otro objeto de claseText, que representa el cuadro de texto del formularioTecnologías webJavaScript: El modelo de objetos17 - 9Referencias a los objetos: ejemploJavaScript: El modelo de objetosLos objetos correspondientes al formulario y al cuadro de textoreciben el nombre que se asigna al atributo NAME delcorrespondiente elemento HTMLLa ventana (window) sólo contiene un documento, al que se accedea través del objeto document; sin embargo, un documento puedetener varios formularios, cuyos objetos se guardan en un arraydenominado forms; así al formulario se puede acceder (dentro deldocumento) directamente por su nombre o a través del array (porsu posición, 0 en este caso, o por su nombre):La primerawindow.document.miFormularioposición de unwindow.document.forms[0]array es la 0window.document.forms["miFormulario"]Tecnologías webJavaScript: El modelo de objetos17 - 10Referencias a los objetos: ejemploNuevamente, en un formulario puede haber varios controles, por loque se usa un array para mantener los objetos correspondientes acada control; para acceder al objeto de un control se puede usardirectamente su nombre o el array de controles (representado tantopor la propiedad elements como por el nombre del formulario o lacorrespondiente posición del array forms); el acceso al array sepuede realizar por posición o por el nombre del objeto-controlEn este caso, el control es un cuadro de texto (clase mulario"]["cajaTexto"]Tecnologías web FORM NAME "miFormulario" INPUT NAME "cajaTexto" TYPE "text" VALUE "Dato" /FORM 17 - 11Los objetos que se mantienen en arrays se van colocando en losarrays en el orden en el que se creanPor ejemplo, los controles de un formulario se describen en elarchivo HTML con una secuencia de elementos INPUT, SELECT, .El orden de los elementos en el archivo HTML determina el orden decolocación de los correspondientes objetos en el array elementsRelaciones de contenido entre los objetos:windowTecnologías webdocumentforms[0](miFormulario)JavaScript: El modelo de objetosElements[0](cajaTexto)17 - 12
Algunas propiedades del objeto windowAlgunos métodos de la clase WindowA través de las propiedades del objeto window podemos manipularlas características de la ventana del navegadorEl objeto window puede recibir los mensajes descritos por losmétodos de su clase (Window)Ya sabemos que disponemos de document para acceder aldocumento (la página web)Veamos algunos de ellos:alert(mensaje): muestra el mensaje en un cuadro de mensajewindow.alert("Hola")Veamos algunas otras propiedades del objeto window:location: dirección URL de la páginawindow.locationframes: array de marcoswindow.frames[0]length: número de frameswindow.lengthstatus: barra de estadowindow.statusname: nombre de la ventanawindow.nameprompt(mensaje,inicial): para leer un dato; muestra uncuadro de diálogo con el mensaje, un cuadro de texto y botonesAceptar y Cancelar; el valor inicial se coloca en el cuadro de texto;devuelve el valor introducidowindow.prompt("Introduce tu edad","20")parent: objeto ventana madre de esta ventana(la que generó ésta)window.parentTecnologías webJavaScript: El modelo de objetosclose(): cierra la ventana17 - 13Ejemplo de uso de métodos de WindowJavaScript: El modelo de objetosTecnologías webwindow.close()JavaScript: El modelo de objetos17 - 14Ejemplo de uso de métodos de Window HTML El objeto window se puede omitir HEAD TITLE Mensajes de JavaScript /TITLE SCRIPT LANGUAGE "JavaScript" alert("Este cuadro simplemente informa de algo");sino confirm("Con este te pregunto algo y medices si estás de acuerdo (Aceptar) o no(Cancelar)");alert("El resultado del cuadro anterior ha sido '" sino "'");nombre prompt("Con este cuadro te pido un dato:¿Cuál es tu nombre?", "Luis");alert("Te llamas " nombre);JS06.htmlclose(); /HEAD //.Tecnologías webconfirm(mensaje): muestra el mensaje en un cuadro deconfirmación; devuelve true si el usuario pulsa el botón Aceptary false si pulsa Cancelarwindow.confirm("¿Terminar?")17 - 15alert("Este cuadro simplemente informa de algo");Tecnologías webJavaScript: El modelo de objetos17 - 16
Ejemplo de uso de métodos de WindowEjemplo de uso de métodos de Windowsino confirm("Con este te pregunto algo y dicessi estás de acuerdo (Aceptar) o no (Cancelar)");Tecnologías webJavaScript: El modelo de objetos17 - 17Ejemplo de uso de métodos de WindowJavaScript: El modelo de objetosTecnologías webJavaScript: El modelo de objetos17 - 18Ejemplo de uso de métodos de Windownombre prompt("Con este cuadro te pido un dato:¿Cuál es tu nombre?", "Luis");Tecnologías webalert("El resultado del cuadro anterior ha sido '" sino "'");17 - 19alert("Te llamas " nombre);Tecnologías webJavaScript: El modelo de objetos17 - 20
Ejemplo de uso de métodos de WindowMás métodos de la clase WindowmoveBy(x,y): desplaza la ventana window.moveBy(100,100)close();moveTo(x,y): cambia la posición de la ventanawindow.moveTo(200,100)resizeBy(x,y): aumenta o disminuye el : establece el tamañowindow.resizeTo(300,200)scrollBy(x,y): desplaza el documento en el área de documentode la ventana x píxeles hacia la izquierda e y píxeles hacia abajowindow.resizeBy(50,50)scrollTo(x,y): coloca el documento en el área de documento dela ventana comenzando por su posición x,ywindow.scrollTo(0,100)Tecnologías webJavaScript: El modelo de objetos17 - 21Ejemplo de uso de métodos de WindowJavaScript: El modelo de objetosJavaScript: El modelo de objetos17 - 22Ejemplo de uso de métodos de WindowJS07.html HTML HEAD TITLE Manejo de la ventana /TITLE SCRIPT LANGUAGE "JavaScript" alert("Vamos a comenzar a manipular la ventana");resizeTo(200,150);alert("Tamaño de la ventana: 200x150");moveTo(0,0);alert("Ventana en la esquina superior izquierda dela pantalla");resizeBy(400,150);alert("Tamaño de la ventana mayor en 400 y 150");moveBy(150,100);alert("Ventana desplazada 150 a la derecha y 100hacia abajo"); /SCRIPT (sigue.) /HEAD Tecnologías webTecnologías web17 - 23 BODY H1 Manejo de la ventana con JavaScript /H1 H2 Tamaño y posición /H2 P El tamaño de la ventana se puede controlar conlos métodos B resizeTo() /B y B resizeBy() /B . /P P La posición de la ventana se puede controlarcon los métodos B moveTo() /B y B moveBy() /B . /P H2 Manejo de la parte visible del documento /H2 P La parte del documento que se ve en la ventanase puede controlar con los métodos B scrollTo() /B y B scrollBy() /B . /P (sigue.)Tecnologías webJavaScript: El modelo de objetos17 - 24
Ejemplo de uso de métodos de WindowEjemplo de uso de métodos de Window SCRIPT LANGUAGE "JavaScript" scrollBy(0,100);alert("Documento desplazado 100px hacia arriba");scrollTo(0,0);alert("Documento otra vez al principio"); /SCRIPT /BODY /HTML alert("Vamos a comenzar amanipular la ventana");Tecnologías webJavaScript: El modelo de objetos17 - 25Ejemplo de uso de métodos de WindowTecnologías webJavaScript: El modelo de objetos17 - 26Ejemplo de uso de métodos de WindowmoveTo(0,0);alert("Ventana en la esquinasuperior izquierda de la pantalla");resizeTo(200,150);alert("Tamaño de la ventana: 200x150");Tecnologías webJavaScript: El modelo de objetos17 - 27Tecnologías webJavaScript: El modelo de objetos17 - 28
Ejemplo de uso de métodos de WindowEjemplo de uso de métodos de WindowresizeBy(400,150);alert("Tamaño de la ventanamayor en 400 y 150");Tecnologías webJavaScript: El modelo de objetosmoveBy(150,100);alert("Ventana desplazada 150 ala derecha y 100 hacia abajo");17 - 29Ejemplo de uso de métodos de WindowTecnologías webJavaScript: El modelo de objetos17 - 30Ejemplo de uso de métodos de WindowscrollTo(0,0);alert("Documento otravez al principio");scrollBy(0,100);alert("Documento desplazado100px hacia arriba");Tecnologías webJavaScript: El modelo de objetos17 - 31Tecnologías webJavaScript: El modelo de objetos17 - 32
Ejercicio de manejo de la ventanaMás métodos de la clase WindowDesarrollar una página web que contenga seis botones: dos parahacer la ventana un poco mayor o un poco menor y cuatro máspara desplazar la ventana un poco hacia cada direcciónsetInterval(expresión,tiempo): evalúa la expresión cada vezque transcurren tiempo milisegundos; devuelve el identificador quepuede usarse con clearInterval()id l(id): cancela la tarea periódica establecida consetInterval() identificada con empo): evalúa la expresión despuésde pasar tiempo milisegundos; devuelve el identificador que puedeusarse con clearTimeout()id id): cancela la tarea programada establecida consetTimeout() identificada con idwindow.clearTimeout(id)Tecnologías webJavaScript: El modelo de objetos17 - 33Ejercicio de temporizaciónTecnologías webJavaScript: El modelo de objetos17 - 34Más métodos de la clase WindowDesarrollar una página que contenga dos botones: uno para hacerque la ventana se balancee (vaya un poco hacia la derecha y luegoun poco hacia la izquierda y así sucesivamente); el otro botón paraparar el movimiento de la ventanaopen(url,nombre,características): abre el documento enla dirección url indicada en la ventana con el nombre especificado(se crea una nueva si no existe); el tercer argumento establece lascaracterísticas de la nueva ventanaLos tres argumentos son cadenas de UCM","")// características implícitasEl nombre se puede usar como destino en un atributo TARGET,pero no es un identificador de ventana para JavaScriptEl identificador de la ventana para JavaScript es lo que devuelvela funciónventana /.ventana.close();Tecnologías webJavaScript: El modelo de objetos17 - 35Tecnologías webJavaScript: El modelo de objetos17 - 36
Características de las ventanasEjemplos de ventanas emergentesopen(url,nombre,características)la cadena de características contendrá, separadas por comas,asignaciones de valores a las características (característica valor)para las que el valor por defecto no resulte adecuadoA continuación se muestran las características más usuales: width: anchura en píxelesLas características activablesestán desactivadas por defectoheight: altura en píxelestoolbar, location, directories, menubar, status:respectivamente, barra de herramientas, barra de dirección,barra de vínculos, barra de menús y barra de estado(valores posibles: yes/1 o no/0)scrollbars: barras de herramientas (yes/1, no/0 o auto)resizable: cambio de tamaño por el usuario (yes/1 o no/0)left, top: distancias desde la esquina superior izquierdaTecnologías webJavaScript: El modelo de objetos17 - 37Ejemplos de ventanas emergentesTecnologías webTecnologías webJavaScript: El modelo de objetos17 - 38Ejemplos de ventanas emergenteswidth 350height 400resizable nomenubar no400toolbar nodirectories nolocation no,scrollbars yesstatus noSin poder cambiarlade tamañoSin menús ni barrade herramientasni barra de direcciónni barra de vínculosni barra de estadoJS08.html HTML HEAD TITLE Creación de ventanas /TITLE /HEAD BODY SCRIPT LANGUAGE "JavaScript" emergente window.open("emergente.html","miVentana","width 350,height 400,resizable no,menubar no,toolbar no,directories no,location no,scrollbars yes,status Preparado para cerrar la ventana");emergente.close(); /SCRIPT /BODY /HTML rado para cerrar laventana");emergente.close();// La cierra350JavaScript: El modelo de objetos17 - 39Tecnologías webJavaScript: El modelo de objetos17 - 40
Ejemplos de ventanas emergentesEjemplos de ventanas emergentesJS09.html HTML HEAD TITLE Ventanas emergentes /TITLE /HEAD BODY SCRIPT LANGUAGE "JavaScript" function nuevaVentana(destino) {window.open(destino,"miVentana","width 200,height 100,scrollbars"); } /SCRIPT FORM INPUT TYPE "Button" NAME "Bot1"VALUE "Nueva ventana"onClick "nuevaVentana('emergente.html')" /FORM /BODY /HTML Basta poner el nombre de una característica activable para quese active en la nueva width 350,height 200,menubar,directories,scrollbars,status")Menús, barra de vínculos,barras de desplazamientoy barra de estadoTecnologías webJavaScript: El modelo de objetos17 - 41Ejemplos de ventanas emergentesTecnologías webJavaScript: El modelo de objetos17 - 42Carga de un documento en la nueva ventanaJS10.html HTML HEAD TITLE Ventanas emergentes /TITLE SCRIPT LANGUAGE "JavaScript" emergente window.open("","Ventana1","width 300,height 200,resizable,scrollbars"); /SCRIPT /HEAD BODY FORM INPUT TYPE "Button" NAME "Bot1"VALUE "Cargar documento"onClick "emergente.location.href 'emergente.html'" /FORM /BODY /HTML Tecnologías webJavaScript: El modelo de objetos17 - 43Tecnologías webJavaScript: El modelo de objetos17 - 44
Carga de un documento en la nueva ventanaTecnologías webJavaScript: El modelo de objetos17 - 45Carga de un documento en la nueva ventanaTecnologías webJavaScript: El modelo de objetos17 - 46Algunas propiedades del objeto documentEjercicio sobre apertura de ventanasA través de las propiedades del objeto document podemosmanipular las características del documento (la página web)Desarrollar una páginaque pida todo tipo deinformación necesariasobre una nueva ventanay permita abrirlaYa sabemos que disponemos de forms para acceder a losformularios del documentoVeamos algunas otras propiedades del objeto document:alinkColor: cadena que contiene el color de los vínculos activoswindow.document.alinkColorapplets: array de appletswindow.document.applets[0]bgColor: cadena que contiene el color de fondowindow.document.bgColorfgColor: cadena que contiene el color de primer planowindow.document.fgColorTecnologías webJavaScript: El modelo de objetos17 - 47Tecnologías webJavaScript: El modelo de objetos17 - 48
Algunas propiedades del objeto documentAlgunos métodos de la clase Documentimages: array de imágeneswindow.document.images[0]El objeto document de cada ventana puede recibir los mensajesdescritos por los métodos de su clase (Document)lastModified: cadena con la fecha de la última modificaciónwindow.document.lastModifiedLos más utilizados son:write(cadena): escribe la cadena HTML en el documentowindow.document.write(" H1 Encabezado /H1 ")linkColor: cadena que contiene el color de los vínculoswindow.document.linkColorwriteLn(cadena): escribe la cadena HTML en el documento ycoloca un cambio de línea al finalwindow.document.writeLn(" H1 Encabezado /H1 ")links: array de vínculos de la página(cada uno tiene las propiedades href y target)window.document.links[0]title: título del documentowindow.document.titleclose(): Cierra el documento y fuerza la visualización de sucontenidowindow.document.close()URL: dirección del documento cargadowindow.document.URLvlinkColor: cadena que contiene el color de los vínculos visitadoswindow.document.vlinkColorTecnologías webJavaScript: El modelo de objetos17 - 49Construcción del contenido de una ventanaJavaScript: El modelo de objetosJavaScript: El modelo de objetos17 - 50Construcción del contenido de una ventanaJS11.html HTML HEAD TITLE Ventanas emergentes /TITLE SCRIPT LANGUAGE "JavaScript" function nuevaVentana() {ventana window.open("","Ventana1","width 300,height ment.write(" HTML HEAD TITLE ventana nueva /TITLE /HEAD BODY ");ventana.document.write(" IMG SRC 'UCM.jpg' BR FORM INPUT TYPE 'Button' VALUE 'Cerrar'onClick 'self.close()' /FORM /BODY /HTML ");} /SCRIPT (sigue.)Tecnologías webTecnologías web17 - 51 /HEAD BODY BGCOLOR "Blue" FORM INPUT TYPE "Button" NAME "Bot1"VALUE "Pulsa aquí para abrir una nueva ventana"onClick "nuevaVentana()" /FORM /BODY /HTML Tecnologías webJavaScript: El modelo de objetos17 - 52
Construcción del contenido de una ventanaConstrucción del contenido de una ventana HTML HEAD TITLE Ventana nueva /TITLE /HEAD BODY IMG SRC 'UCM.jpg' BR FORM INPUT TYPE 'Button' VALUE 'Cerrar' onClick 'self.close()' /FORM /BODY /HTML HTML HEAD TITLE Ventana nueva /TITLE /HEAD BODY IMG SRC 'UCM.jpg' BR FORM INPUT TYPE 'Button' VALUE 'Cerrar' onClick 'self.close()' /FORM /BODY /HTML Tecnologías webJavaScript: El modelo de objetos17 - 53Una ventana de mensaje generalTecnologías webJavaScript: El modelo de objetosUna ventana de mensaje generalJS12.html HTML HEAD TITLE Ventana de mensaje /TITLE SCRIPT LANGUAGE "JavaScript" function Mensaje(etiqueta, mens) {ventana window.open("","mensaje","height 160,width 300");ventana.document.write(" HTML HEAD TITLE ¡Información! /TITLE /HEAD BODY TABLEBORDER 0 TR TD WIDTH '90%' HEIGHT '90%'VALIGN TOP ALIGN LEFT FONT SIZE 4 ");ventana.document.write(" FONT COLOR 'FF0000' B " etiqueta " /B /FONT P " mens);ventana.document.write(" /TD TD WIDTH '10%' /TD /TR TR TD /TD TD VALIGN TOPALIGN RIGHT FORM INPUT TYPE 'BUTTON'VALUE 'Aceptar' onClick 'self.close()' /FORM /TD /TR /TABLE /BODY /HTML ");ventana.document.close();}function Ejemplo() {Mensaje("Mensaje","Esta función te permite crearuna ventana de mensaje.");} /SCRIPT /HEAD (sigue.)Tecnologías webJavaScript: El modelo de objetos17 - 5417 - 55(sigue.)Tecnologías webJavaScript: El modelo de objetos17 - 56
Una ventana de mensaje generalUna ventana de mensaje general BODY FORM P Pulsa el botón I Mensaje /I para abrir unaventana de mensaje en tu navegador. /P FORM P ALIGN "center" INPUT TYPE "button"VALUE "Mensaje" onclick "Ejemplo()" /P /FORM /BODY /HTML Tecnologías webJavaScript: El modelo de objetos17 - 57Código HTML de la ventana de mensajeJavaScript: El modelo de objetosJavaScript: El modelo de objetos17 - 58Ejercicio sobre generación de documentos HTML HEAD TITLE ¡Información! /TITLE /HEAD BODY TABLE BORDER 0 TR TD WIDTH '90%' HEIGHT '90%' VALIGN TOP ALIGN LEFT FONT SIZE 4 COLOR 'FF0000' B etiqueta /B /FONT P mens /TD TD WIDTH '10%' /TD /TR TR TD /TD TD VALIGN TOP ALIGN RIGHT FORM INPUT TYPE 'BUTTON'VALUE 'Aceptar'onClick 'self.close()' /FORM /TD /TR /TABLE /BODY /HTML Tecnologías webTecnologías web17 - 59Desarrollar una página que genere otra página en una nuevaventana con un encabezamiento y un párrafoLa página generadora pedirá el título del documento, el texto delencabezamiento y el texto del párrafoAdemás, para el encabezamiento preguntará por el nivel deencabezado y el alineamientoY para el párrafo preguntará por el nombre de la fuente a usar, eltamaño (en puntos), el alineamiento y el colorTodos los datos se introducirán con cuadros de texto y esresponsabilidad del usuario proporcionar los datos como valoresHTML (center, blue, Comic Sans MS, etc.)La ventana generada con las características dadas tendrá ademásun botón para cerrarlaTecnologías webJavaScript: El modelo de objetos17 - 60
Otros objetos principalesEjercicio sobre generación de documentosComo ya vimos, además de un objeto document,el objeto window también contiene otros objetos:frames: marcos de la ventana (ya veremos más sobre marcos)history: lista de los URL de las páginas visitadasSu propiedad length contiene el número de entradasAlgunos mensajes que se le pueden pasar son:back(): carga la página anteriorforward(): carga la página siguientego(posición): carga la página que se encuentra enla posición indicada dentro de la lista de historiallocation: mantiene la información de URL de la página actualSi se modifica se carga la página resultanteTecnologías webJavaScript: El modelo de objetos17 - 61Otros objetos principalesTecnologías webJavaScript: El modelo de objetos17 - 62Los objetos de clase ImageAlgunas propiedades de location son:host: nombre o dirección IP del servidorhref: URL completopathname: parte del URL que representa el camino al recursoport: puerto de acceso (normalmente 80)protocol: protocolo (normalmente http:)hash: nombre del hipervínculo (marcadores)El objeto document mantiene, entre otras, una colección delas imágenes del documento: la propiedad imagesCada elemento de ese array es un objeto de clase Image parael que están definidas las siguientes propiedades:border: ancho del bordeheight, width: altura y anchurahspace, vspace: espacios horizontal y vertical alrededorname: nombre dado con el atributo NAMEEl objeto navigator contiene información sobre el navegador:appName: nombre del navegadorappVersion: versión del navegadorsrc: archivo que contiene la imagencomplete: indica si la imagen ha sido completamente cargadaplugins: array de accesorios (plug-in) instaladosAdemás, se le puede pasar el mensaje javaEnabled() paracomprobar si el navegador tiene habilitado el lenguaje JavaTecnologías webJavaScript: El modelo de objetos17 - 63Tecnologías webJavaScript: El modelo de objetos17 - 64
Más ejemplos: emergencia al paso del ratónJS13.html HTML HEAD TITLE Emergencia al paso del ratón /TITLE /HEAD BODY P ALIGN "center" FONT SIZE 4 COLOR DarkGreen Cuando pases el puntero del ratón por el siguientevínculo surgirá una nueva ventana: BR A HREF "javascript:"onMouseover "m window.open('emergente.html','','width 150,height 150');return true;"onMouseout "m.close(); return true;" Pasa por aquí /A /FONT /P Más ejemplos: emergencia al paso del ratón P ALIGN "center" FONT SIZE 3 La ventana se cerrará automáticamente cuando elpuntero del ratón deje de estar sobre elvínculo. /FONT /P P ALIGN "center" FONT SIZE 4 También funciona con imágenes: BR BR A HREF "javascript:"onMouseover "m window.open('emergente.html','','width 200,height 130');return true;"onMouseout "m.close(); return true;" IMG SRC "UCM.jpg" ALIGN MIDDLEBORDER 2 /A /FONT /P /BODY /HTML (sigue.)Tecnologías webJavaScript: El modelo de objetos17 - 65Más ejemplos: emergencia al paso del ratónTecnologías webJavaScript: El modelo de objetos17 - 66Más ejemplos: comunicación entre ventanasJS14.html HTML HEAD TITLE Ventanas /TITLE SCRIPT LANGUAGE 'JavaScript' function mensaje() {var mens document.Mensaje.txt.value;msg open("","Nueva","width 200,height 150");msg.document.write(" HEAD TITLE Hola /TITLE /HEAD ");msg.document.write(" P ALIGN 'center' B Esto eslo que has escrito: /B /P P ALIGN 'center' ",mens, " /P ");msg.document.write(" P ALIGN 'center' FORM INPUT TYPE 'Button' VALUE 'Aceptar'"onClick 'self.close()' /FORM /P ");}(sigue.) /SCRIPT Tecnologías webJavaScript: El modelo de objetos17 - 67Tecnologías webJavaScript: El modelo de objetos17 - 68
Más ejemplos: comunicación entre ventanasMás ejemplos: comunicación entre ventanas /HEAD BODY BGCOLOR "Blue" FORM NAME "Mensaje" INPUT TYPE "text" NAME "txt" SIZE "30" INPUT TYPE "button" VALUE "Abrir"onClick "mensaje()" INPUT TYPE "reset" VALUE "Restablecer" /FORM /BODY /HTML Tecnologías webJavaScript: El modelo de objetos17 - 69Tecnologías webJavaScript: El modelo de objetos17 - 70
El modelo de objetos Tecnologías web 17 Tecnologías web JavaScript: El modelo de objetos 17 - 2 En JavaScript los objetos pueden ser considerados colecciones de propiedades (los atributos, su contenido) y métodos (las acciones, su comportamiento) Las propiedades y los métodos están definidos en la clase del objeto
Tema Modelo de Objetos Semánticos Parte 1 1 Introducción Propuesto por Michael Hammer y Dennis McLeod. Es un modelo conceptual alternativo al modelo E-R y al diagrama de clases de UML. Sus principales elementos son los Objetos Semánticos (OS), es decir, objetos con "significado", "cosas" identificables y de interés para la .
El modelo orientado a objetos 317 8.1 Razones para el modelo de datos orientado a objetos 318 8.2 Conceptos de datos orientados a objetos 318 00 Front matter.indd 11 24/3/09 17:01:55 www.FreeLibros.org. xii Contenido 8.3 Modelado de datos orientados a objetos usando UML 323 8.4 El modelo ODMG y ODL 325 .
implementable. Uno de estos modelos es el modelo relacional, el cual será el objeto de estudio de este tema. El modelo relacional, además de diferenciarse del modelo Entidad-Relación en que es un modelo de implementación, se diferencia en que es un modelo lógico basado en registros en lugar de ser un modelo lógico basado en objetos.
1.1 Visualizar propiedades de objetos en Organizador. Ver los objetos seleccionados en el modelo o los objetos de una categor\355a. Establecer el l\355mite para el n\372mero de objetos mostrados en Examinador Objetos.
Transformación de Objetos combinados Relaciones muchos-a-muchos Para dos objetos que tienen una relación M:N se define una relación R1 para el objeto O1, una relación R2 para el objeto O2 y una relación R3 para la intersección. Esta relación representa la relación de los dos objetos y consiste en las claves de ambos objetos.
La programación orientada a objetos se basa en el hecho de que se debe dividir el programa, no en tareas, si no en modelos de objetos físicos o simulados. . Si se escribe un programa en un lenguaje orientado a objetos, se está creando un modelo de alguna parte del mundo, es decir, se expresa un programa como un conjunto de objetos que .
La técnica de modelado de objetos (OMT) es un lenguaje de modelado de objetos para software de modelado y diseño. Se desarrolló alrededor de 1991 por Rumbaugh, Blaha, Premerlani, Eddy y Lorensen como un método para desarrollar sistemas orientados a objetos y apoyar orientada a objetos Modelo de objetos programming.Describes o
APPLIED ENGLISH GRAMMAR AND COMPOSITION [For Classes IX & X] English (Communicative) & English (Language and Literature) By Dr Madan Mohan Sharma M.A., Ph.D. Former Head, Department of English University College, Rohtak New Saraswati House (India) Pvt. Ltd. Second Floor, MGM Tower, 19 Ansari Road, Daryaganj, New Delhi-110002 (India) Ph: 91-11-43556600 Fax: 91-11-43556688 E-mail: delhi .
