JavaScript

O JavaScript é um dos três principais componentes das páginas da web modernas, juntamente com a marcação de hipertexto

Linguagem (HTML) e Folhas de Estilo em Cascata (CSS). HTML indica ao navegador quais elementos

devem ser incluídos na página (e em que ordem). CSS indica como cada um deve ser estilizado.

JavaScript fornece um meio para os autores de páginas da web manipularem esses elementos programaticamente

e em resposta às ações do usuário final. Tutoriais e material de referência cobrindo todos os três

componentes estão disponíveis aqui.

Nestas páginas, descrevemos melhor o JavaScript. O texto usado em arquivos HTML, CSS ou JavaScript é

geralmente mostrado na fonte courier new (ou seja, um espaço fixo). As páginas contêm links para uma extensa

corpo de material de referência explicando HTML, CSS e JavaScript em detalhes. Também fornecemos uma ampla

variedade de exemplos, que podem ajudá-lo a entender melhor como HTML, CSS e JavaScript funcionam. Ver

abaixo para obter mais detalhes sobre como acessar esses exemplos.

JavaScript pode ser adicionado a uma página da Web de três maneiras (um pouco semelhante a como CSS pode ser

adicionado a uma página da Web):

   (a) Incluindo-o em um atributo de evento HTML individual. Isso normalmente envolve apenas muito

pequenas instruções JavaScript.

   (b) Dentro de elementos <script> separados no HTML

   (c) Em arquivos de script externos (estes envolvem incluir no HTML um elemento <script> com seu src

atributo definido para o nome do arquivo de script relevante).

Um exemplo simples de JavaScript envolve o uso do método document.write. Por exemplo,

o texto HTML a seguir retornaria uma página da Web cuja primeira linha diz “Hello World (usando

HTML)” seguido por uma quebra de linha e uma segunda linha dizendo “Hello World (usando HTML)”. Roteiro

os elementos são normalmente executados na ordem em que aparecem quando a página é carregada pela primeira vez. Dentro

neste caso, o script faz com que o navegador adicione mais texto à página da web.

Abordagens mais sofisticadas podem alterar elementos HTML individuais em vez de simplesmente adicionar ao

final do documento ou pode reagir a eventos como o clique de um botão. Por exemplo, o

o texto HTML a seguir retorna uma página da Web com duas linhas, sendo a primeira “Hello World (usando HTML)”

e a segunda linha sendo “e usando JavaScript”.

 

Nota: estamos aqui aproveitando a execução de comandos de script quando a página é carregada pela primeira vez.

Uma maneira mais complicada (mas mais geral) de alcançar o mesmo resultado seria adicionar um ‘evento

listener' que é acionado quando a página carrega e para ter uma função associada a este evento

listener que altera (aqui adiciona) o texto da maneira desejada quando o evento acontece. Ao anexar

a função para um evento diferente, por ex. um acionado quando o usuário clica em um elemento, em seguida, o a

página da web mais responsiva pode ser criada.