Search
Display results as :
Advanced Search
Latest topics
[test] test ok ok ok ok Wed Mar 08, 2017 4:06 pmAdmin
Probando :)Sat Mar 04, 2017 7:09 amBetaTester
te invito a open sourceTue Nov 22, 2016 5:15 pmchalo
Rey felipeTue Nov 22, 2016 1:08 pmchalo
window y documentSun Nov 20, 2016 11:43 pmchalo
probando ok ok phpbb2Sun Nov 20, 2016 11:38 pmAdmin
Probando el codeFri Nov 18, 2016 10:36 amBetaTester

Share
View previous topicGo downView next topic
avatar
Admin
Mensajes : 604
Puntos : 827
Reputación : 164
Fecha de inscripción : 2016-05-15
View user profilehttp://codelab.sitio-web.org

window y document

on Wed Nov 16, 2016 9:16 am
Message reputation : 100% (1 vote)
window y document

El contexto global de una aplicación web recae en window, el cual contiene referencias a diferentes APIs y objetos del navegador, como screen, navigator, history, location y document. Cada iframe tiene su propio objeto window, y pueden acceder al window que lo contiene mediante la propiedad parent.

document es el objeto que representa al nodo raíz de un documento HTML, y tiene acceso a los nodos que representan a las etiquetas <head> y <body>. Los iframes tienen su propio documento HTML, por lo que, si un documento tiene iframes, cada elemento iframe puede acceder a su propio documento mediante la propiedad contentDocument.

Las propiedades y métodos de document están definidas por dos interfaces: HTMLDocument y Document. Adicionalmente, Document hereda de Node. Mientras HTMLDocument y Document le dan a document la capacidad de representar al nodo raíz de un documento, Node añade propiedades y métodos relacionados al manejo de nodos. Tanto window y document heredan de la interfaz EventTarget, por lo que tienen la capacidad de manejar eventos.

El DOM en su forma más abstracta es una interfaz que permite leer y manipular documentos en XML y HTML (incluyendo XHTML) y representarlos como un árbol de nodos; sin embargo, el tipo documento estándar mostrado en un navegador es HTML, el cual tiene propiedades propias y distintas a un documento XML cualquiera. Es por eso que, en el navegador, el DOM tiene dos interfaces para representar a un documento: Document para un documento genérico, y HTMLDocument para un documento HTML.

HTMLDocument tiene propiedades propias de un documento HTML, como: domain, title, body, forms, anchors, links e images. Cabe aclarar que anchors y links devuelven listas de elementos de la misma etiqueta (<a>). Esto sucede porque esta etiqueta es usada tanto como ancla dentro del documento como para enlazar el documento actual a otros documentos, imágenes, archivos, etc.

Document tiene 3 propiedades: doctype, que devuelve el tipo de documento (DTD); documentElement, que representa a la etiqueta html; e implementation, que permite crear documentos (HTML o no), así como hojas de estilos. Así mismo, tiene una serie de métodos útiles para la manipulación de elementos dentro del documento, como crear nodos de tipo elemento, comentario, texto y atributo.

[ok]Smile[/ok]


Last edited by Admin on Thu Nov 17, 2016 1:16 pm; edited 7 times in total
avatar
Admin
Mensajes : 604
Puntos : 827
Reputación : 164
Fecha de inscripción : 2016-05-15
View user profilehttp://codelab.sitio-web.org

Re: window y document

on Wed Nov 16, 2016 9:25 am
Message reputation : 100% (1 vote)
Admin wrote:as de elementos de la misma etiqueta (<a>). Esto sucede porque esta etiqueta es usada tanto como ancla dentro del documento como para enlazar el documento actual a otros documentos, imágenes, archivos, etc.

Document tiene 3 propiedades: doctype, que devuelve el tipo de documento (DTD); documentElement, que representa a la etiqueta html; e implementation, que permite crear documentos (HTML o no), así como hojas de estilos. Así mismo, tiene una serie de métodos útiles para la manipulación de elementos dentro del documento, como

Smile
avatar
Admin
Mensajes : 604
Puntos : 827
Reputación : 164
Fecha de inscripción : 2016-05-15
View user profilehttp://codelab.sitio-web.org

Re: window y document

on Wed Nov 16, 2016 9:35 am
Message reputation : 100% (1 vote)
[alert]document.createAttribute[/alert]
avatar
Admin
Mensajes : 604
Puntos : 827
Reputación : 164
Fecha de inscripción : 2016-05-15
View user profilehttp://codelab.sitio-web.org

Re: window y document

on Wed Nov 16, 2016 9:44 am
Message reputation : 100% (1 vote)
[ok]ok[/ok]
avatar
Admin
Mensajes : 604
Puntos : 827
Reputación : 164
Fecha de inscripción : 2016-05-15
View user profilehttp://codelab.sitio-web.org

Re: window y document

on Wed Nov 16, 2016 11:22 am
Message reputation : 100% (1 vote)
ok ok
avatar
Admin
Mensajes : 604
Puntos : 827
Reputación : 164
Fecha de inscripción : 2016-05-15
View user profilehttp://codelab.sitio-web.org

test ok ok ok ok

on Wed Nov 16, 2016 11:44 am
Message reputation : 100% (1 vote)
Rendimiento

Trabajar con el DOM puede traer consecuencias inesperadas en temas de rendimiento si no se toman en cuenta algunas características propias de los navegadores. Por ejemplo, cuando se manipula el árbol DOM, el navegador recalcula posiciones y re-renderiza la pantalla (ver Reflow y repaint).

Reflow y repaint

Cuando se renderiza un documento HTML en un navegador ocurren dos acciones: reflow (o layout) y repaint. Al realizar el reflow, el navegador calcula las dimensiones y posiciones de cada elemento visible y los coloca en la posición previamente calculada dentro de la zona visible del navegador (o viewport). Cuando se realiza el repaint, el navegador obtiene la información de las hojas de estilo del documento, así como de los estilos del sistema y del navegador, y muestra los elementos de la forma como fue ideada (bordes, fondos, colores, imágenes, etc). Cuando se realiza un reflow, también se realiza un repaint, pero no es así de forma inversa (puede cambiarse el fondo de un elemento y el navegador no tendrá que recalcular posiciones de elementos).
avatar
Admin
Mensajes : 604
Puntos : 827
Reputación : 164
Fecha de inscripción : 2016-05-15
View user profilehttp://codelab.sitio-web.org

Re: window y document

on Thu Nov 17, 2016 12:49 pm
Message reputation : 100% (1 vote)
Admin wrote:a aplicación web recae en window, el cual contiene referencias a diferentes APIs y objetos del navegador, como screen, navigator, history, location y document. Cada iframe tiene su propio
avatar
Admin
Mensajes : 604
Puntos : 827
Reputación : 164
Fecha de inscripción : 2016-05-15
View user profilehttp://codelab.sitio-web.org

Re: window y document

on Thu Nov 17, 2016 12:56 pm
Message reputation : 100% (1 vote)
Admin wrote:window y document

El contexto global de una aplicación web recae en window, el cual contiene referencias a diferentes APIs y objetos del navegador, como screen, navigator, history, location y document. Cada iframe tiene su propio objeto window, y pueden acceder al window que lo contiene mediante la propiedad parent.

document es el objeto que representa al nodo raíz de un documento HTML, y tiene acceso a los nodos que representan a las etiquetas <head> y <body>. Los iframes tienen su propio documento HTML, por lo que, si un documento tiene iframes, cada elemento iframe puede acceder a su propio documento mediante la propiedad contentDocument.

Las propiedades y métodos de document están definidas por dos interfaces: HTMLDocument y Document. Adicionalmente, Document hereda de Node. Mientras HTMLDocument y Document le dan a document la capacidad de representar al nodo raíz de un documento, Node añade propiedades y métodos relacionados al manejo de nodos. Tanto window y document heredan de la interfaz EventTarget, por lo que tienen la capacidad de manejar eventos.

El DOM en su forma más abstracta es una interfaz que permite leer y manipular documentos en XML y HTML (incluyendo XHTML) y representarlos como un árbol de nodos; sin embargo, el tipo documento estándar mostrado en un navegador es HTML, el cual tiene propiedades propias y distintas a un documento XML cualquiera. Es por eso que, en el navegador, el DOM tiene dos interfaces para representar a un documento: Document para un documento genérico, y HTMLDocument para un documento HTML.

HTMLDocument tiene propiedades propias de un documento HTML, como: domain, title, body, forms, anchors, links e images. Cabe aclarar que anchors y links devuelven listas de elementos de la misma etiqueta (<a>). Esto sucede porque esta etiqueta es usada tanto como ancla dentro del documento como para enlazar el documento actual a otros documentos, imágenes, archivos, etc.

Document tiene 3 propiedades: doctype, que devuelve el tipo de documento (DTD); documentElement, que representa a la etiqueta html; e implementation, que permite crear documentos (HTML o no), así como hojas de estilos. Así mismo, tiene una serie de métodos útiles para la manipulación de elementos dentro del documento, como crear nodos de tipo elemento, comentario, texto y atributo.

Smile
avatar
Mensajes : 81
Puntos : 152
Reputación : 67
Fecha de inscripción : 2016-09-08
View user profile

Re: window y document

on Fri Nov 18, 2016 10:42 am
Message reputation : 100% (1 vote)
Morbi id dolor at mauris rutrum ornare. Cras massa est, bibendum sit amet justo eget, vehicula euismod massa. Phasellus sed eros ac lorem fermentum vestibulum. Sed maximus metus eu ex convallis, vitae ultricies nisi ornare. Proin ullamcorper orci massa, et rhoncus augue aliquet ac. Phasellus fermentum est cursus turpis viverra porta. Sed gravida in nisl vitae mollis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Phasellus in tortor ex. Suspendisse orci sapien, ultrices at tincidunt sed, mattis id odio. Phasellus congue mi ut lectus gravida iaculis. Phasellus dictum condimentum justo, ut hendrerit arcu faucibus vitae. Vestibulum varius imperdiet cursus. Sed dictum lectus non nulla sollicitudin hendrerit. Praesent venenatis ultricies nibh nec sollicitudin.

Aliquam diam odio, cursus in nisi id, vulputate consequat nunc. Nunc eleifend metus sapien, vel imperdiet tortor iaculis vitae. Curabitur ornare urna nibh, at elementum augue volutpat venenatis. Nullam mollis felis sed elit condimentum pulvinar. Proin magna odio, maximus et dui eget, egestas sollicitudin lorem. Vestibulum eu scelerisque ante, vitae blandit lacus. Pellentesque vel arcu nec quam posuere euismod nec non nunc.

Maecenas urna elit, consectetur ornare nisl in, faucibus fermentum mi. Duis vel quam ipsum. Nulla vel rutrum felis. Fusce placerat, velit quis feugiat feugiat, leo mauris porttitor ex, eget pellentesque lorem lectus a ex. Cras vulputate ipsum et dolor imperdiet, placerat volutpat sem fringilla. Aenean vulputate sit amet dui id fringilla. Mauris sit amet libero faucibus lectus mollis luctus. Vivamus ut commodo urna. Quisque id velit id nisl maximus fermentum a non dui. Proin ullamcorper lacus sed ipsum commodo feugiat. Pellentesque mattis efficitur justo, vitae imperdiet ipsum pulvinar non. Phasellus condimentum ac augue et lobortis. Morbi sed nulla consequat, varius ligula et, porta diam.
Mensajes : 59
Puntos : 127
Reputación : 66
Fecha de inscripción : 2016-10-31
View user profile

Re: window y document

on Sun Nov 20, 2016 11:42 pm
BetaTester wrote:cidunt sed, mattis id odio. Phasellus congue mi ut lectus gravida iaculis. Phasellus dictum condimentum justo, ut hendrerit arcu faucibus vitae. Vestibulum varius imperdiet cursus. Sed dictum lectus non nulla sollicitudin hendrerit. Praesent venenatis ultricies nibh nec sollicitudin.

Aliquam diam odio, cursus in nisi id, vulputate consequat nunc. Nunc eleifend metus sapien, vel imperdiet tortor iaculis vitae. Curabitur ornare urna nibh, at elementum augue volutpat venenatis. Nullam mollis felis sed elit condimentum pulvinar. Proin magn
Mensajes : 59
Puntos : 127
Reputación : 66
Fecha de inscripción : 2016-10-31
View user profile

my post

on Sun Nov 20, 2016 11:42 pm
Admin wrote:
Admin wrote:a aplicación web recae en window, el cual contiene referencias a diferentes APIs y objetos del navegador, como screen, navigator, history, location y document. Cada iframe tiene su propio


Last edited by chalo on Sun Nov 20, 2016 11:43 pm; edited 1 time in total
Mensajes : 59
Puntos : 127
Reputación : 66
Fecha de inscripción : 2016-10-31
View user profile

Re: window y document

on Sun Nov 20, 2016 11:43 pm
chalo wrote:
Admin wrote:
Admin wrote:a aplicación web recae en window, el cual contiene referencias a diferentes APIs y objetos del navegador, como screen, navigator, history, location y document. Cada iframe tiene su propio
Sponsored content

Re: window y document

View previous topicBack to topView next topic
Permissions in this forum:
You cannot reply to topics in this forum