Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Programação em Javascript II
SEÇÕES
Manuais relacionados
+Programação em Javascript II
Categorias
+Javascript

Índice do Manual Programação em Javascript II
+ Introdução ao manual II de Javascript
+ Livraria de funções Javascript
+ Exemplos das funções da livraria Javascript
+ Objetos em Javascript
+ Objetos incorporados em Javascript
+ Classe string em Javascript
+ Exemplos de funcionamento da classe String
+ Classe Date em Javascript
+ Exemplo de funcionamento de Date
+ Classe Math em Javascript
+ Classe Number em Javascript
+ Classe Boolean em Javascript
+ Criação de classes em Javascript
+ Criação de classes em Javascript II
+ Criação de classes em Javascript III
+ Hierarquia de objetos do navegador
+ Trabalhando com a hierarquia em Javascript
+ Objeto Window de Javascript
+ Métodos de window em Javascript
+ Exemplos de métodos de Window
+ Objeto document em Javascript
+ Exemplos de propriedades de document
+ Métodos de document
+ Fluxo de escritura do documento
+ Trabalho com formulários em Javascript
+ Ex. de trabalho com formulários. Calculadora simples
+ Propriedades e métodos do objeto form
+ Controle de campos de texto com Javascript
+ Controle de checkbox em javascript
+ Controle de botões de radio em Javascript
+ Controle de campos select com Javascript
+ Controle de elementos Textarea em Javascript
+ Os eventos em Javascript
+ Os manipuladores de eventos em Javascript
+ Exemplos de eventos em Javascript. Onabort
+ Exemplo do evento onblur em Javascript
+ Continuação do exemplo de onblur
+ Elementos de formulário select associados
+ Evento onunload de Javascript
+ Evento onload de Javascript

Descrição dos capítulos

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net


Objeto Window de Javascript

Estudamos o objeto window de Javascript que nos serve para controlar a janela do navegador. Detalhamos suas propriedades e damos um exemplo.


É o objeto principal na hierarquia e contém as propriedades e métodos para controlar a janela do navegador. Dele dependem todos os demais objetos da hierarquia. Vamos ver a lista de suas propriedades e métodos.

Propriedades do objeto window

A seguir podemos ver as propriedades do objeto window. Existem algumas muito úteis e outras menos.

closed
Indica a possibilidade de que tenha fechado a janela. (Javascript 1.1)

defaultStatus
Texto que se escreve por padrão na barra de estado do navegador.

document
Objeto que contem na página web que está sendo mostrada.

Frame
Um objeto frame de uma página web. Acessa-se pelo nome dele.

frames array
O vetor que contem todos os frames da página. Acessa-se pelo índice a partir de 0.

history
Objeto histórico de páginas visitadas.

innerHeight
Tamanho em pixels do espaço onde se visualiza a página, na vertical. (Javascript 1.2)

innerWidth
Tamanho em pixels do espaço onde se visualiza a página, na horizontal. (Javascript 1.2)

length
Número de frames da janela.

location
A URL do documento que está sendo visualizando. Podemos mudar o valor desta propriedade para irmos a outra página. Ver também a propriedade location do objeto document.

locationbar
Objeto barra de endereços da janela. (Javascript 1.2)

menubar
Objeto barra de menus da janela. (Javascript 1.2)

name
Nome da janela. Atribuímos quando abrimos uma nova janela.

opener
Faz referência à janela do navegador que abriu a janela onde estamos trabalhando. Será vista com mais detalhes no tratamento de janelas com Javascript.

outherHeight
Tamanho em pixels do espaço de toda a janela, na vertical. Isto inclui as barras de deslocamento, botões, etc. (Javascript 1.2)

outherWidth
Tamanho em pixels do espaço de toda a janela, na horizontal. Isto inclui as barras de deslocamento. (Javascript 1.2)

parent
Faz referência à janela onde está situado o frame que estamos trabalhando. Veremos detalhadamente ao estudar o controle de frames com Javascript.

personalbar
Objeto barra pessoal do navegador. (Javascript 1.2)

self
Janela ou frame atual.

scrollbars
Objeto das barras de deslocamento da janela.

status
Texto da barra de estado.

statusbar
Objeto barra de estado do navegador. (Javascript 1.2)

toolbar
Objeto barra de ferramentas. (Javascript 1.2)

top
Faz referência à janela onde está situado o frame que estamos trabalhando. Como a propriedade parent.

window
Faz referência à janela atual, assim como a propriedade self.

Vamos ver um exemplo de utilização da propriedade status do objeto window. Esta propriedade serve para escrever um texto na barra de estado do navegador (a barra debaixo da janela). Neste exemplo tivemos que nos adiantar um pouco no andamento do manual, pois utilizamos um manipulador de eventos e que ainda não vimos o que são. Em concreto, utilizamos o manipulador de eventos onclick, que serve para executar sentenças Javascript quando o usuário clica um elemento da página.

Os manipuladores de eventos são colocados em etiquetas HTML, em nosso caso, colocamos em um botão de formulário. As sentenças Javascript associadas ao evento onclick do botão serão executadas quando clicarmos o botão.

Vejamos já o código que faz com que mude o texto da barra de estado quando clicarmos um botão.

<form>
<input type="Button" value="Clique-me!" onclick="window.status='Olá a todo mundo!'">
</form>

Simplesmente atribuímos um texto à propriedade status do objeto window. O texto que colocamos na barra de estado está escrito entre aspas simples porque estamos escrevendo dentro de umas aspas duplas.

Podemos ver uma página a parte com este exemplo.

Autoria e outras referências sobre este artigo

Manuais relacionados com este artigo
Dentro de Programação em Javascript II

Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em Javascript


Comentário sem rever
Entre os comentários não revistos podem ter alguns interessantes que tenham sido enviado recentemente.
 Foi encontrado um comentário sem rever

VerVer os comentários não revistos



Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites