Camada de comportamento - visão geral
November 27th, 2006. Published under firefox, javascript. No Comments.
A camada de comportamento é utilizada para acessar/modificar/criar/excluir os elementos de uma página web. Isto significa que a camada de comportamento tem em “mãos” todas as tags, atributos e conteúdos de uma página e com isso ela poderá manipulá-los como você desejar.
Como expliquei em um artigo anterior a camada de conteúdo é que a responsável em anexar a ela a camada de comportamento. Uma vez que a camada de conteúdo trabalha sem a camada de comportamento e não vice e versa.
Para você comprovar que o JavaScript pode acessar todo o conteúdo de uma página web, faça o seguinte:
Na barra de endereço (Address Bar) do seu navagador (browser) digite o seguinte:
javascript:alert(document.body.innerHTML);
Será exibido um Alert Box com todo o conteúdo da página, isto é, se dentro da tag body tiver algum conteúdo, é claro.
Isto é muito útil quando inserimos novos elementos em uma página ou quando o removemos ou o alteramos. Uma vez que a exibição do código fonte de uma página mostra-nos apenas o conteúdo que foi carregado quando acessamos a página e não o conteúdo modificado como ele está em seu estágio atual.
Então, exibir o código fonte - neste caso da tag body, apenas - da forma como apresentei acima é a solução. Mas, você concordará comigo no seguinte ponto: ver o conteúdo de uma página dentro de um Alert Box é totalmente desagradável e limitado.
Então, a melhor solução - que conheço até o momento - é a utilização da extensão Web Developer - somente para o Firefox - uma vez que com ela nós temos o seguinte recurso: View Generated Source localizado dentra da opção View Source.
Essa opção, View Generated Source, mostra o código fonte de uma página em seu estado atual, ou seja, se alguns dos elementos da página foi modificado/excluído pelo JavaScript você verá tal modificação. Algo que não acontece quando utilizamos a simples opção: View Source ou Exibir código fonte.
Até o próximo post sobre camadas de desenvolvimento web.