Browser Responsabilidades

JavaScript
Professor Jolvani

Aula 03
 Browser - JavaScript
 Na aula passada criamos o nosso
primeiro script

 Nesta aula vamos estudar alguns

conceitos fundamentais para o
aprendizado de JavaScript
 Browser - JavaScript
 JavaScript é uma linguagem de programação
orientada objetos que se destina a manipular
os elementos de um browser fazendo com que
a gente possa interagir com as paginas Web.
 Então com JavaScript eu posso alterar o titulo
do Site, a barra de status manipular http://aol.com
elementos dentro documento executar
recursos com slides Show fazendo com que os
elementos correm dentro da tela.
 Mas para isso ele precisa da ajuda de um
browser, só funciona através de um browser...
 Browser - JavaScript
 O browser tem duas grandes responsabilidades,
uma é de interpretar o código JavaScript
 JavaScript é uma linguagem interpretada, não há a
necessidade de compilar ela como em outras
linguagens, basta colocar o script dentro da página
html para o navegador interpretar ela...
 Outra responsabilidade do navegador é oferecer ao
JavaScript referencia aos elementos presentes no
browser. Ex. se eu tenho uma imagem é necessário
que o JavaScript consiga acessar essa imagem. Isso
só é possível com o auxilio do browser, que deixa a
disposição da linguagem as referências para acessar
os elementos, o titulo, a barra de status, links, o
prorio documento, o cabeçalho (todos os
elementos) que chamamos de objetos...
 Então precisamos entender o que são objetos em JS
 Browser - JavaScript
 Para aprender Objetos, a melhor forma é fazer
um paralelo com os objetos da vida real...
 Na vida real podemos considerar um objeto
chamado Pessoa... Então as pessoas possuem
uma série de atributos, esses atributos no
JavaScrit são chamados de propriedades.
 Por Ex:(altura, peso, profissão) são atributos...
E a pessoa pode agir, pode ter algumas ações.
 Ou funções: (andar(), dormir(), trabalhar()), e
para acessar esse métodos do JavaScript, nos
temos algumas sintaxes próprias:
 Para acessar altura eu uso pessoa.altura. Então
eu uso o meu objeto + genérico pessoa + (.)
ponto + o meu atributo altura.
 Para acessar um método eu uso pessoa.andar()
observe que usamos os parentes para métodos.
 Browser - JavaScript
 Na Linguagem JavaScript nos temos 3
categorias de Objetos
 Internos: Representam Textos, datas e
números.
 Para o Browser: Representam uma Janela, e o
próprio documento.
 Também objetos personalizados que são
construídos pelo programador, então o
programador poderia construir o objeto pessoa
por exemplo.
 Vamos criar um novo arquivo, copie e cole no
explorer e renomeie para aula02.html...
 Browser - JavaScript
 No curso de xHtml ou CSS foi mostrado um plugin chamado Firebug que apresenta todos
os elementos que nos temos no browser para ser acessado via JavaScript
 Html, css, DOM = objetos disponibilizados pelo browser e podem ser acessados via
JavaScript.
 Nele nos temos as
propriedades do usuário
e do documento bem
como suas funções

 Ne se preocupe com isso neste momento....

 Browser - JavaScript
 Lembre-se somente que aquela função alert() foi disponibilizada pelo browser(), vc
pode ver que dentro do objeto window nos temos uma função alert...
 Entao eu poderia chamar essa função chamando o objeto Windows, pois o resultado
seria o mesmo, então vamos alterar no código...
 Ponto, o resultado é o
mesmo... O que acontece é
que como o objeto
Windows é o obj raiz do
meu documento não há a
necessidade de usá-lo
 Browser - JavaScript
 Mas é importante vc saber, que da mesma forma que eu acessaria outra função
pessoa.dormir() ou acesso a função alert window.alert().
 E eu tenho vários outros atributo no meu objeto window....

 Imagine eu quero acessar a largura

interna do documento. Preciso
encontrar o atributo innerWidth.
 Criamos uma variável para isso...
 Browser - JavaScript
 Vamos acessar um outro objeto muito importante que é o objeto document, ele esta
dentro de window... Window.document.title...
 O objeto document ele contem o título do nosso documento por exemplo...

 Vamos apresentar o titulo do

documento, veja como fica o código...
 Dessa foram eu estaria acessando o
atributo title, dentro do objeto
document que esta dentro do objeto
window....
 Veja o resultado...
 Então vai ser dessa forma que vamos
acessar os objetos dentro do browser,
através do window...
 Até a próxima...
Próxima Aula: Bla bla bla