Javascript

HTML

DOM

Document Object Model

HTML

Estructura Básica

<html>
<head>
  <title>Aprendiendo DOM</title>
</head>
<body>
  <h1>Aprendiendo DOM</h1>
  <p>DOM es sencillo de aprender</p>
  <p>Ademas, DOM es muy potente</p>
</body>
</html>

No todos los navegadores usan el mismo DOM

Con Javascript se puede acceder a los elementos del DOM y hacer uso de la estructura HTML

document

window:

navigator:

document:

Los objetos mas usados en javascript 

Proporciona información sobre la propia página HTML.

Representa la ventana completa del navegador.

Proporciona información sobre la propia página HTML.

// Javascript permite escribir en una página texto, 
// el resultado de una funcion o ambos

document.write("Hola mundo con el objeto document");

// Devuelve un arreglo de Objetos tipo p (Parrafo) 

document.getElementsByTagName('p');

Objecto document

Todos los navegadores cuentan con un modo desarrollador

Chrome

Mozilla Firefox

Para desarrollar 

+

Editor de Código
Navegador

Motores de Javascript

Programa incluido en los navegadores que permite ejecutar javascirpt (Interprete)
Siguen las especificaciones del estandar ECMAScript
SpiderMonkey = Mozilla
Chakra = Internet Explorer
SquirrelFish = Apple
Tamarin = Adobe Flash, ActionScript
V8 = Chrome, NodeJS, V8.Net

Lista de objetos que debemos conocer de Javascript

Números y fechas

Objetos relacionados con números, fechas y cálculos matemáticos.

Javascript es malo para hacer operaciones con números grandes y cantidades decimales extensas

A la practica ...

Made with Slides.com