Ahora hablaremos del objeto document que hace referencia al documento HTML que contiene o derivan varios objetos, este objeto nos sirve para acceder a todo el contenido de un documento y también poder manipularlas.

Veamos un ejemplo con el objeto document

Vamos a crear un pagina con un formulario, con un control select, luego de seleccionarlo pulsamos un botón para abrir una ventana Popup y mostramos el elemento seleccionado. 

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Mi titulo</title>
</head>
<body>

<script type="text/javascript">
function enviarDatos(form)
{
var ventana;
// creamos una ventana PopUp con el tamaño especificado
ventana = window.open("", "", "width=400, height=300");
// escribimos un texto en la ventana popup
ventana.document.write("Usted selecciono una ciudad ");
// accedemos a la posicion del la lista de ciuades
var posicion = form.ciudad.selectedIndex;
// imprimos en la ventana popup y la mostramos.
ventana.document.write("<strong>" + form.ciudad.options[posicion].value + "</strong>");
ventana.document.close();
}

</script>

<form>
Selecione una ciudad 
<select name="ciudad">
<option value="lima">Lima</option>
<option value="callao">Callao</option>
<option value="San Isidro">San Isidro</option>
</select>

<input type="button" value="Enviar" onclick="enviarDatos(this.form)">
</form>

</body>

</html>

Y así de fácil tenemos un ejemplo con el objeto document.

nota