Site hosted by Angelfire.com: Build your free website today!

O que e' JavaScript?

JavaScript e' uma linguagem para paginas da Web. Os scripts escritos com JavaScript podem ser colocados dentro das suas paginas HTML. Com JavaScript voce tem muitissimas possibilidades de melhorar a sua pagina HTML com elementos interessantes. Voce e' capaz, por exemplo, de responder muito facilmente a eventos iniciados pelo usuario. Alguns dos efeitos que agora podemos fazer com Javascript, ha algum tempo atraz so eram possiveis com CGI. Deste modo, voce pode criar paginas muito sofisticadas com a ajuda do JavaScript. Voce pode achar tambem muitos exemplos de scripts de Javascript na Internet.

Qual e' a diferenca entre Java e JavaScript?

Ainda que os nomes sejam quase os mesmos, Java nao e' a mesma coisa que JavaScript! Essas sao duas tecnicas diferentes de programacao na Internet. Java e' uma linguagem de programacao. JavaScript e' uma linguagem de scripting (tal como diz o nome). A diferenca e' que se pode criar programas reais com Java. O mais das vezes, porem, voce quer apenas criar um efeito chamativo, sem se importar com qualquer programa real. Assim, JavaScript foi pensado como algo facil de se compreender e de se usar. Os autores de JavaScript nao tem que se importar muito com programacao. Nos poderemos ate dizer que JavaScript e' muito mais uma extensao do HTML do que uma linguagem de computador separada. Naturalmente essa nao e uma definicao "oficial" mas acho que ela torna mais compreenssivel a diferenca entre Java e JavaScript.

Como os scripts do JavaScript podem ser rodados?

O primeiro browser a suportar JavaScript foi o Netscape Navigator 2.0 (todos os Dreampassports sao versoes de Netscape). e' claro que as versoes maiores tambem rodam JavaScript. Voce deve saber que nem toda as versoes de  Netscape Navigator 2.0 (ou maiores) rodam Java.Voce ja deve estar imaginando que e' realmente facil escrever scripts de JavaScript. Tudo o que se tem a fazer e' conhecer algumas tecnicas basicas, e trabalhar algum tempo em torno dos problemas que voce pode encontrar.
Naturalmente, voce vai necessitar de um conhecimento basico de HTML antes de comecar a ler este tutorial. Voce pode achar uma introducao sobre HTML aqui mesmo em Tutoriais.

Agora eu quero lhe mostrar alguns pequenos scripts. Assim voce pode aprender como eles sao implementados nos documentos em HTML e ficar sabendo quais sao as possibilidades da linguagem de scripting. Eu comecarei com um script muito pequeno, o que eu quero mostrar e' como voce deve usar os tags <script>. Voce pode usar esses tags no seu documento no lugar que quiser.



Eu nao desejo aborrece-lo com scripts tao estupidos. Vamos passar logo para as funcoes. Elas tambem nao sao dificeis de se entender, mas, acredite, sao muito mais uteis! As funcoes sao melhor declaradas entre os tags de <head> da sua pagina-HTML. As funcoes sao convocadas por eventos iniciados pelo usuario. Por isso e' razoavel manter as funcoes entre os tags de <head>. Elas sao carregadas antes que o usuario possa fazer alguma acao que chamara a funcao. Os scripts podem ser colocados entre os campos de comentarios internos para assegurar que os antigos browsers nao mostrem o proprio script.

<html>
<head>
  <script language="JavaScript">
     function pushbutton() {
       alert("Alo!");
  }
 </script>
</head>
<body>
<form>
  <input type="button" name="Button1" 
value="Aperte-me" onclick="pushbutton()"> </form> </body> </html>

Se voce quiser testar este script agora, e estiver usando um Dreampassport, entao siga adiante e aperte o botao.

Este script ira criar um botao, e quando voce o pressiona aparece uma janela dizendo 'Alo!'. Nao e' legal? Entao, o que acontece neste script? Em primeiro lugar, uma funcao i carregada e guardada na memoria. Depois e& criado um botao com o tag de <form> normal (HTML). Existe uma coisa nova no tag de <input>. La vocj pode ver 'onclick'. Isto diz ao browser que funcao ele tem que chamar quando o botao e' pressionado (e' claro que so quando o browser suporta JavaScript). A funcao 'pushbutton()' e' declarada no cabecalho (header). Quando o botao e' pressionado a funcao e' executada. Tem uma coisa nova neste script - o modo 'alerta'. Este modo ja e' declarado no JavaScript - desse modo voce so tem que chama-lo. Existem muitos modos diferentes que voce pode chamar. Eu vou mostrar alguns aqui. Voce pode encontrar uma descricao completa no site da Netscape. Eu acho que essa lista vai se tornar muito maior num futuro proximo. Mas ja neste momento existem algumas coisas legais que nos podemos fazer com esses modos ja dados.
(Eu nao acho que o modo 'alerta' foi pensado para ser usado desta maneira - mas a gente so esta aprendendo. E desse modo e' muito mais facil de se entender. Eu espero que voce me perdoe...)



Nos ja chegamos bem longe por agora. De fato, nos temos um monte de possibilidades apenas adicionando funcoes aos nossos scripts. Agora eu vou lhe mostrar como voce pode ler alguma coisa que o usuario colocou num formulario.

<html> <head> <script language="JavaScript"> <!-- hide script from old browsers function getname(str) { alert("Oi, "+ str+"!"); } // end hiding contents --> </script> </head> <body> Coloque o seu nome, por favor: <form> <input type="text" name="name" onBlur="getname(this.value)" value=""> </form> </body> </html>

Agora voce pode testar este script novamente:

Coloque o seu nome, por favor:

Nos temos alguns elementos novos implementados neste script novamente. Em primeiro lugar, voce certamente notou o comentario dentro do script. Dessa maneira voce pode esconder o script dos browsers antigos que nao podem rodar scripts. Voce tem que manter a ordem daquilo que e mostrado! O inicio do comentario deve estar logo depois do primeiro tag de <script>. O comentario termina logo antes do tag de </script>. Neste documento-HTML voce tem um elemento de formulario onde o usuario pode colocar o seu nome. O 'onBlur' no tag de <input> avisa ao cliente que funcao que ele tem que chamar quando alguma coisa e' colocada dentro do formulario. A funcao 'getname(str)' sera chamada quando voce 'deixa' este elemento de formulario, ou pressiona o 'enter' depois de haver colocado alguma coisa. A funcao pegara a sequencia que voce colocou atravez do comando 'getname(this.value)'. 'This.value' significa o valor que voce colocou neste elemento de formulario.

Gold Hp All Rights Reserved