|
Exemplos em Javascript s�o f�ceis de codificar. O JavaScript fornece tr�s locais para colocar o c�digo JavaScript: na tag body, na tag
head e em um arquivo JavaScript externo.
Vejamos a seguir a estrutura de um exemplo simples em JavaScript:
Onde:
- A tag 'script' especifica que estamos usando JavaScript.
- A string 'text/javascript' � o tipo de conte�do que fornece informa��es ao navegador sobre os dados.
- A fun��o 'document.write()' � usada para exibir conte�do din�mico por meio de JavaScript. Aprenderemos sobre o objeto do documento
em detalhes posteriormente.
Existe tr�s lugares para voc� colocar o c�digo JavaScript:
1. Na tag body de HTML.
2. Na tag head do HTML.
3. No arquivo .js (javaScript externo).
Primeiro Caso: C�digo na tag body
No exemplo acima, exibimos o conte�do din�mico usando JavaScript. Agora vamos ver um exemplo simples de JavaScript que exibe uma caixa de
di�logo de alerta.
O resultado desse c�digo � o seguinte:
Segundo Caso: C�digo na tag head
Vamos ver o mesmo exemplo de exibi��o da caixa de di�logo de alerta de JavaScript contida na tag head.
Neste exemplo, vamos criar uma fun��o msg(). Para criar uma fun��o em JavaScript, voc� precisa escrever
uma fun��o com o nome_da_fun��o, conforme indicado abaixo. Para chamar a fun��o, voc� precisa chamar no evento.
Aqui estamos usando o evento onclick para chamar a fun��o msg().
O resultado desse c�digo � o seguinte:
Terceiro Caso: Arquivo externo
Podemos criar um arquivo JavaScript externo e incorpor�-lo em muitas p�ginas HTML. Ele fornece reutiliza��o de c�digo porque um
�nico arquivo JavaScript pode ser usado em v�rias p�ginas HTML. Um arquivo JavaScript externo deve ser salvo com a extens�o
.js. � recomend�vel incorporar todos os arquivos JavaScript em um �nico arquivo. Aumenta a velocidade
da p�gina da Web.
Vamos criar um arquivo JavaScript externo que imprima a mensagem "Ol�, pessoal." em uma caixa de di�logo de alerta (AlertDialog):
mensagem.js
Vamos incluir o arquivo JavaScript na p�gina html. A fun��o JavaScript � chamada ao clicar no bot�o.
Digite o c�digo a seguir e salve com o nome de: index.html
Vantagens do JavaScript externo:
Veja a seguir algumas vantagens do uso de um arquivo JavaScript externo:
- Ajuda na reutiliza��o do c�digo em mais de um arquivo HTML.
- Permite f�cil legibilidade do c�digo.
- � eficiente em termos de tempo, pois os navegadores da Web armazenam em cache os arquivos js externos, o que reduz ainda mais o tempo de carregamento da p�gina.
- Ele permite que designers da Web e codificadores trabalhem com arquivos html e .js paralelamente e separadamente, ou seja, sem enfrentar conflitos de c�digo.
- O comprimento do c�digo reduz, pois precisamos especificar a localiza��o do arquivo .js.
Desvantagens do JavaScript externo:
Veja a seguir algumas desvantagens do uso de um arquivo JavaScript externo:
- Qualquer um pode fazer o download do c�digo do codificador usando o URL do arquivo .js.
- Se dois arquivos .js dependem um do outro, uma falha em um arquivo pode afetar a execu��o do outro arquivo dependente.
- O navegador da Web precisa fazer uma solicita��o http adicional para obter o c�digo .js.
- Uma pequena ou grande altera��o no c�digo .js pode causar resultados inesperados em todos os seus arquivos dependentes.
- Precisamos verificar cada arquivo que depende do arquivo JavaScript externo comumente criado.
- Se houver poucas linhas de c�digo, � melhor implementar o c�digo JavaScript internamente.
*****
| | 
