Iniciando no Javascript: Hierarquia de objetos do navegador


Autor/fonte: CriarWeb.com
E-mail/Url: http://www.criarweb.com/artigos/321.php



Digg del.icio.us

Chegamos ao tema mais importante para aprender a manejar Javascript com toda sua potência, o tema no qual aprenderemos a controlar ao navegador e os distintos elementos da página.

Sem dúvida, este tema dará muita vida aos nossos exemplos, já que até agora não tinham muito caráter prático porque não trabalhavam com o navegador e com as páginas, que é realmente para o que está feito Javascript. De modo que esperamos a partir de agora que o manual seja mais entretido para todos, porque cobrirá os aspectos mais práticos.

Quando se carrega uma página, o navegador cria uma hierarquia de objetos na memória que servem para controlar os distintos elementos de tal página. Com Javascript e com a nomenclatura de objetos que aprendemos, podemos trabalhar com essa hierarquia de objetos, acessar às suas propriedades e invocar seus métodos.

Qualquer elemento da página pode ser controlado de uma maneira ou de outra acessando a essa hierarquia. É crucial conhecê-la bem para poder controlar perfeitamente as páginas web com Javascript ou qualquer outra linguagem de programação do lado do cliente.

Exemplo de acesso à hierarquia

Antes de começar a ver rigorosamente a hierarquia de objetos do navegador, vamos ver o exemplo típico de acesso a uma propriedade desta hierarquia para mudar o aspecto da página. Trata-se de uma propriedade da página que armazena a cor de fundo da página web: a propriedade bgColor do objeto document:

document.bgColor = "red"

Se executarmos esta sentença em qualquer momento, mudamos a cor de fundo da página para vermelho. Há que observar que a propriedade bgColor tem a "C" em maiúscula. É um erro típico se equivocar com as maiúsculas e minúsculas na hierarquia. Se não o escrevemos bem não funcionará e em alguns casos nem sequer dará uma mensagem de erro.

Nesta página definida com a cor de fundo branca mudamos essa propriedade com Javascript, com o que sairá com a cor de fundo vermelha:

<HTML>
<HEAD>
    <TITLE>Prova bgColor</TITLE>
</HEAD>
<BODY bgcolor=white>

<script>
   document.bgColor = "red"
</script>
</BODY>
</HTML>

Podemos ver esta página em funcionamento em uma janela a parte.

Nos exemplos que vimos até agora também fizemos uso dos objetos da hierarquia do navegador. Teoricamente utilizamos muito o método write() do objeto document para escrever um texto na página:

document.write("O texto a escrever")




Enviado por xKuRt em 22/11/2006 às 10:09


Avaliação

Esta publicação ainda não foi avaliada!


Avaliar:


A avaliação de publicações é restrita a membros cadastrados e logados no nosso site.



Comentários

Este artigo ainda não foi comentado ou o(s) comentário(s) que foi(ram) enviado(s) a ele ainda não foi(ram) publicado(s).


Envio de comentário:




  

Quinta, 23 de Maio de 2013




Leitura recomendada

Informática Para Concursos

Top 5 membros

Últimos membros online

Últimos membros cadastrados



Capa do livro
100 Questões Comentadas de TI (Tecnologia da Informação) - Para Concursos


Capa do livro
Linguagem de Programação COBOL Para Mainframe


Capa do livro
Construindo Aplicações Web com PHP e MySQL





Hostnet

IMD