Manipulación dinamica. BOM vs DOM en JavaScript
- Objeto window representa una o varias ventanas abierta por navegador.
- Podemos acceder al historico de navegación.
- Internet Explorer aún soporta document.all, aún que indica en ultimas versiones que no lo hace.
- opener: devuelve una referencia a la ventana desde la cuál se ha abierto.
- pageXOffset y pageYOffset. Posiciones de desplazamiento para dejar un objeto siempre visible.
- Por seguridad codigo JS tiene que coincidir dominio y puerto para funcionar.
- postMessage para comunicación entre ventanas.
- find: busca el texto indicado en el documento actual y destaca los fragmentos encontrados.
- objeto history (length – número de entradas): back, forward, go.
- objeto navigator (appVersion, userAgent, javaEnabled(), plugins, mimeTypes, platform, cookieEnabled).
- screen (tamaños de pantalla, dpi’s, etc).
- document.Open/Close y writeln para mostrar texto nuevo.
- querySelectorAll devuelve coleccion estatica que es mas lento que colecion dinamica getElementBy*.
- Mejor no usar += en innerHtml. Sino recargamos la pagina varias veces.
- Modificación del DOM: createElement, createtextNode, cloneNode, appendChild, insertBefore, removeChild, replaceChild.
- Añadir nuevo elemento: document.body.appendChild(nuevoDiv);