O atributo LANGUAGE é de uso opcional, este atributo irá especificar a versão
da linguagem JavaScript utilizado. A sua omissão assume qualquer instrução
do JavaScript independente da sua versão.
Se for especificada à versão conforme exemplo abaixo, apenas os browsers
que sejam compatíveis com a versão específica poderão executar este script:
<SCRIPT LANGUAGE=“JAVASCRIPT1.3”>
instruções do JavaScript...
</SCRIPT>
DESENVOLVENDO SCRIPTS ATRAVÉS DE UM ARQUIVO EXTERNO
As instruções da linguagem JavaScript podem ser executadas de um arquivo
externo. Com isto, o usuário não precisará repetir instruções várias vezes, isto,
facilita a manutenção do código desenvolvido e a reutilização do mesmo.
Para isto, o usuário deverá criar o código em qualquer editor ASCII da mesma
forma que se cria uma página HTML, e ao salvá-lo, o usuário deverá atribuir ao
seu nome a extensão .JS.
Neste arquivo o usuário não precisará utilizar o Tag HTML para delimitar suas
instruções.
Para que uma página HTML possa processar as instruções desenvolvidas no
arquivo externo, basta utilizar o seguinte parâmetro na página HTML:
<SCRIPT LANGUAGE=“JAVASCRIPT” SRC=“NomeArquivo.js”></SCRIPT>
Veja pela figura abaixo o ícone que representa um arquivo externo com
instruções da linguagem JavaScript:
Conforme dito anteriomente, a linguagem JavaScript é interpretada pelo
browser e que seu código é embutido dentro do código HTML entre os tag’s
<SCRIPT> e </SCRIPT> ou através de um arquivo externo que possua a
extensão .JS. Observe o uso de algumas ações que o JavaScript pode
desenvolver através da figura a seguir:
Caixa de diálogo criada por uma instrução da Linguagem JavaScript.
Texto inserido no corpo de uma página através de instruções da Linguagem
JavaScript.
NOTIFICAÇÃO DE ERROS
Além dos comentários, que irão evitar que os navegadores mais antigos
exibam algum código JavaScript que não é reconhecido, durante o
desenvolvimento e execução do código o programador precisará saber a
origem de qualquer erro existente no seu programa. Para isto, é possível
configurar o browser para exibir uma notificação de erro de script durante seus
testes.
Utilizando o Internet Explorer o usuário poderá acessar o menu Ferramentas
e em seguida, Opções da Internet e logo mais acessar a guia Avançada e
selecionar a opção Exibir Notificação sobre cada erro de script conforme
mostrado na figura a seguir:
Feito isto, qualquer erro existente em seu programa será notificado pelo
browser de acordo com a figura abaixo:
ANOTAÇÕES:
______________________________________________________
______________________________________________________
______________________________________________________
______________________________________________________
______________________________________________________
______________________________________________________
______________________________________________________
INSTRUÇÕES BÁSICAS
Neste ponto do treinamento o usuário irá conhecer algumas instruções que
irão facilitar o entendimento e a construção de um programa em JavaScript.
Serão apresentados comandos que permitirão a manipulação e inserção de
objetos em documento HTML.
MÉTODO DOCUMENT.WRITE()
Esta instrução na realidade segue a sintaxe de ponto da linguagem JavaScript,
uma das maneiras de seguir a hierarquia dos objetos presentes na linguagem.
Nesta linha de comando temos o método write() que é pertencente ao objeto
document que retrata o documento como um todo. Vejamos um exemplo de
sua utilização através do código apresentado a seguir:
document.write("Texto inserido com instruções JavaScript");
Através do exemplo apresentado anteriormente foi dado como argumento do
método write a string apresentada, determinando-o a se apresentar no corpo
do documento, observe pelo exemplo da figura a seguir:
MÉTODO ALERT()
A finalidade deste método é emitir uma caixa de diálogo do windows conforme
mostrado no exemplo passado com uma mensagem e um botão de OK. Este
método é pertencente ao objeto window do JavaScript, porém seu uso com a
sintaxe de ponto é opcional, assim sendo observe a sintaxe de seu
funcionamento e o exemplo da próxima figura:
window.alert("Meu Primeiro Script");
ou
alert("Meu Primeiro Script");
MÉTODO CONFIRM()
Uma outra alternativa além do método alert() está no método confirm() que
exibe uma caixa de diálogo e os botões de OK e CANCELAR. Caso seja
pressionado o botão OK, o método retornará o valor booleano TRUE e
pressionado o botão CANCELAR, é retornado o valor FALSE.
Com isto, o usuário poderá determinar uma tomada de decisão dentro de seu
script. Assim como o método alert(), o método confirm é pertencente ao
objeto window, sendo seu uso opcional, observe sua sintaxe abaixo e veja o
exemplo da caixa de diálogo presente na figura a seguir:
window.confirm("Tem Certeza??");
ou
confirm("Tem Certeza??");
COMANDOS CONDICIONAIS E REPETIÇÃO
INSTRUÇÃO WHILE
A instrução while realiza uma ação enquanto determinada condição for
satisfeita. Sua sintaxe básica é:
while (expressão) {
comandos
}
Veja no exemplo seguinte a utilização do laço while que é repetido por total
de 10 vezes:
num=0;
while(num<10){
document.write("Número: "+num+"<br>");
num++;
}
Neste exemplo, foi definido a variável num com o valor zero, em seguida este
valor é comparado na condição while que é num<10, que caso seja
verdadeira a variável num é incrementada com mais 1 e exibido na tela,
quando ele atinge o valor limite que é 10, o código é desviado para a primeira
condição após o laço. Veja agora um exemplo prático de sua utilização:
<script>
function condicao(){
while(form1.nome.value==""){
alert("Favor Preencher o campo");
form1.nome.value=prompt("Digite seu nome agora","");
}
alert("Obrigado, "+form1.nome.value);
}
</script>
<pre>
<form name="form1">
Nome:
<input type="text" name="nome" onBlur="condicao(this.value)">
</script>
INSTRUÇÃO FOR
A instrução for realiza uma ação até que determinada condição seja satisfeita.
Sua sintaxe básica é:
for (início;condição;incremento) {
comandos
}
O início determina o valor inicial do laço for. Normalmente é 0 ou 1, porém
poderá ser especificado qualquer outro valor. O valor especificado é atribuído
em uma variável, por exemplo i=0, count=1.
A condição determina a expressão que irá controlar o número de repetições
do laço. Enquanto esta expressão for verdadeira, o laço continuará, caso o laço
seja falso, o laço terminará. Por exemplo: i<20. Enquanto o valor de i for
menor que 20, a condição é verdadeira.
O incremento determina como o laço irá contar, de 1 em 1, 2 em 2, 5 em 5,
10 em 10, enfim. Exemplo: i++. Será aumentado o valor da variável i a cada
repetição. Diferente de todas as outras linguagens, em JavaScript, a instrução
for, utiliza ponto e vírgula para separar os argumentos ao invés de vírgula.
Vejamos um exemplo prático de utilização do laço for que conta valores de 1
até 10, acrescentando um valor de cada vez:
<script>
for (i=1 ; i<=10 ; i++){
document.write("número: "+ i +"<br>");
}
</script>
i é a variável utilizada para armazenar o contador do laço for. Logo mais, o
laço inicia com 1 e continua até 10. A expressão condicional é i<10 (i é menor
que 10).
Enquanto a expressão condicional for verdadeira, o laço for continua. No
incremento, a cada repetição do laço será adicionado a variável i mais 1. Veja
outro exemplo:
<script>
for (i=1 ; i<=10 ; i=i+2){
document.write("iteração: "+i+"<br>");
}
</script>
INSTRUÇÃO FOR...IN
Podemos dizer que o laço for...in é uma versão especial da instrução for, que
é usada para saber os nomes de propriedades e conteúdos das propriedades
de objetos no JavaScript. Esta instrução é muito usada na depuração de
códigos. Por exemplo, caso uma parte do código JavaScript não esteja
funcionando corretamente e existe uma suspeita de que existe uma falha do
objeto JavaScript, o usuário poderá usar for...in para examinar as
propriedades do objeto usado. Sua sintaxe é formada da seguinte maneira:
for (variável in objeto){
instruções;
}
Veja pelo exemplo a seguir, o uso do laço for...in para determinar as
propriedades do objeto navigator que contém informações sobre o browser.
Ao listar todas as propriedades do objeto, o laço automaticamente se
encerrará:
for (teste in document){
alert(teste);
}
Neste laço, foi criado uma variável chamada teste que foi atribuído o conteúdo
do objeto document. Dentro do laço foi executado a instrução alert que exibe
o conteúdo da variável teste.
IF ... ELSE
Realiza determinada ação de acordo com uma condição. Sua sintaxe básica é:
if (condição) {
comandos
} else {
comandos
}
Caso haja mais de uma condição a ser avaliada pode-se fazer o uso da
instrução ELSE IF. Observe sua sintaxe:
if (condição) {
comandos
} else if (condição2) {
comandos
} else {
comandos
}
Veja um exemplo da utilização da instrução if:
Comentários
Postar um comentário