« JAVA SCRIPTS »

Onde os textos JavaScript podem ser executados?

O primeiro browser a suportar JavaScript foi o Netscape Navigator 2.0. É claro que as versões posteriores também trabalham com JavaScript. Você deve saber que Java não funciona no Netscape Navigator 2.0 ou posterior. Mas isso não é verdade para JavaScript - ainda que existam alguns problemas com as diferentes versões diferentes de JavaScript. A versão para o "Mac" parece apresentar muitos bugs.

Em um futuro próximo outros browsers suportarão JavaScript, como já é o caso do Microsoft Internet Explorer 3.0. Deste modo, é importante aprender esta nova técnica o quanto antes. Você pode perceber que é realmente fácil escrever textos em JavaScript. Você tem que conhecer algumas técnicas básicas e algumas funções - pois senão você pode encontrar alguns problemas.

Considerações iniciais

Em documentos HTML, a utilização da linguagem JavaScript, se dá sob a forma de funções (applets), as quais são chamadas em determinadas situações ou em resposta a determinados eventos, estas funções podem estar localizadas em qualquer parte do código HTML, a única restrição é que devem começar com a declaração <SCRIPT> e termina com o respectivo </SCRIPT>, por convenção costuma-se colocar todas as funções no início do documento (estre as TAGs <HEAD> e </HEAD>, isso para garantir que o código JavaScript seja carregado antes que o usuário interaja com a Home Page), ou seja, antes do <BODY>.

Exemplo:

<HTML>
<HEAD>
<TITLE>Exemplo</TITLE>

...

Se houvesse alguma função seria bom declará-la aqui!!!

...

</HEAD>

<BODY>
Esta linha está escrita em HTML
<SCRIPT>document.write("Aqui já é JavaScript");</SCRIPT>
Voltamos para o HTML
</BODY>
</HTML>

Este exemplo mostraria o seguinte:

Esta é uma linha escrita em HTML
Aqui já é JavaScript
Voltamos para o HTML

Este exemplo realmente não é dos mais úteis - poderia ter sido escrito mais facilmente em HTML puro. O objetivo foi apenas demostrar o uso das TAGs <SCRIPT> e </SCRIPT>, tudo que está entre essas TAGs é encarado como JavaScript.

É importante ressaltar, que como no C++, as linhas sejam terminadas com; (ponto e virgula) a menos que a próxima instrução seja um ELSE e se você precisar escrever mais de uma linha para executar uma condição seja ela em uma estrutura For, If ou While, este bloco de instruções deve estar entre { } (chaves). Inclusive a definição de funções segue este modelo, ou seja, todo o código da função deve estar limitado por { (no início) e } (no final).

E se o browser não possuir suporte a JavaScript?

Um browser que não suporta JavaScript, ele não conhece a TAG <SCRIPT>. Ele ignora a TAG e logicamente tudo todo o código que estiver sendo limitado por ela, mostrando todo o código na tela como se fosse um simples texto HTML. Deste modo o usuário veria o código JavaScript do seu programa dentro do documento HTML e como certamente essa não deve ser sua intenção, existe um meio de esconder o código JavaScript dos browsers que não conhecem esta linguagem, basta utilizar os comentários HTML <!-- e -->. O código do nosso exemplo anterior ficaria assim:

<HTML>
<HEAD>
<TITLE>Exemplo</TITLE>

...

Se houvesse alguma função seria bom declará-la aqui!!!

...

</HEAD>

<BODY>
Esta linha está escrita em HTML
<SCRIPT>

<!-- Esconde o código JavaScript dos browsers mais antigos

document.write("Aqui já é JavaScript");

// -->

</SCRIPT>
Voltamos para o HTML
</BODY>
</HTML>

Se o browser não suportar JavaScript e não inserirmos o comentário HTML, o que apareceria na tela seria:

Esta é uma linha escrita em HTML
document.write("Aqui já é JavaScript");
Voltamos para o HTML

                 Note que esse artifício não esconde completamente o código JavaScript, o que ele faz é prevenir que o código seja mostrado por browsers mais antigos, porém o usuário tem acesso a todas as informações do código fonte de sua Home Page (tanto HTML, quanto JavaScript), para isso ele só precisa escolher a opção Document Source, no menu View.

Desenvolvendo em JavaScript

Variáveis

Em JavaScript, variáveis dinâmicas podem ser criadas e inicializadas sem declarações formais. Existem dois tipos de abrangência para as variáveis:

Global - Declaradas/criadas fora de uma função. As variáveis globais podem ser acessadas em qualquer parte do programa.

Local - Declaradas/criadas dentro de uma função. Só podem ser utilizadas dentro da função onde foram criadas e precisam ser definidas com a instrução Var.

Com relação a nomenclatura, as variáveis devem começar por uma letra ou pelo caracter sublinhado '_', o restante da definição do nome pode conter qualquer letra ou número.

É importante ressaltar que a variável Código é diferente da variável código, que por sua vez é diferente de CÓDIGO, sendo assim, muito cuidado quando for definir o nome das variáveis, utilize sempre um mesmo padrão para defini-las.

Podem existir variáveis globais com o mesmo nome de variáveis locais, porém, esta prática não é aconselhável.

Existem três tipos de variáveis: Numéricas, Booleanas e Strings.

Como já era de se esperar, as variáveis numéricas são assim chamadas pois armazenam números, as Booleanas valores lógicos (True/False) e as Strings, sequencia de caracteres.

As strings podem ser delimitadas por aspas simples ou duplas, a única restrição é que se a delimitação começar com as aspas simples, deve terminar com aspas simples, da mesma forma para as aspas duplas. podem ser incluídos dentro de uma string alguns caracteres especiais, a saber:

\t - posiciona o texto a seguir, na próxima tabulação;

\n - passa para outra linha;

\f - form feed;

\b - back space;

\r - carrige return.

O JavaScript reconhece ainda um outro tipo de conteúdo em variáveis, que é o NULL. Ná prática isso é utilizado para a manipulação de variáveis não inicializadas sem que ocorra um erro no seu programa.

Quando uma variável possui o valor NULL, significa dizer que ela possui um valor desconhecido ou nulo, o null não é igual a nada, nem mesmo ao próprio null.

A representação literal para NULL é a string 'null' sem os delimitadores. quando referenciado por uma função ou comando de tela, será assim que NULL será representado. Observe que NULL é uma palavra reservada

Você pode trabalhar ainda com Arrays, mas para isso será necessário alguns conhecimentos sobre Programação Orientada a Objetos.

Operadores

Junto com funções e variáveis, operadores são blocos de construção de expressões. Um operador é semelhante a uma função no sentido de que executa uma operação específica e retorna uma valor.

 Operadores Unários e binários
Todos os operadores em JavaScript requerem um ou dois argumentos, chamados operandos. Aqueles que requerem um operando apenas, são denominados operadores unários, e os que requerem dois operandos são chamados de operadores binários.

 Operador de String

+

Operador de concatenação

Exemplo:

Nome1="Luiz"

Nome2="Henrique"

Nome = Nome1+" da "+Nome2 // O resultado é: "Luiz Henrique"

Operadores Matemáticos

+

Adição

Exemplo:

V01=5

V02=2

V=V01+V02 // resulta em: 7

-

Subtração

Exemplo:

V01=5

V02=2

V=V01-V02 // resulta em: 3

*

Multiplicação

Exemplo:

V01=5

V02=2

V=V01*V02 // resulta em: 10

/

Divisão

Exemplo:

V01=5

V02=2

V=V01/V02 // resulta em: 2.5

%

Módulo da divisão (resto)

Exemplo:

V01=5

V02=2

V=V01%V02 // resulta em: 1

++

Incremento. Pode acontecer de duas formas: ++Variável ou Variável++

Exemplo:

V01 = 5

V02 = ++V01 // Resulta em 6

V03 = V01 // Resulta em 6

Exemplo:

V01 = 5

V02 = V01++ // Resulta em 5

V03 = V01 // Resulta em 6

--

Decremento. Pode acontecer de duas formas: --Variável ou Variável--

Exemplo:

V01 = 5

V02 = --V01 // Resulta em 4

V03 = V01 // Resulta em 4

Exemplo:

V01 = 5

V02 = V01-- // Resulta em 5

V03 = V01 // Resulta em 4

Operadores relacionais

<

Menor que

>

Maior que

= =

Igual

!=

Diferente

>=

Maior ou igual

<=

Menor ou igual

Operadores lógicos

&&

E lógico

||

Ou lógico

Operadores de atribuição

=

Atribuir

+=

Soma ou concatenação e atribuição. x+=5 // é o mesmo que: x=x+5

-=

Subtração e atribuição. x-=5 // é o mesmo que: x=x-5

*=

Multiplicação e atribuição. x*=5 // é o mesmo que: x=x*5

/=

Divisão e atribuição. x/=5 // é o mesmo que: x=x/5

%=

Módulo e atribuição. x%=5 // é o mesmo que: x=x%5

Objetos

Quando lemos um livro sobre OOP, chegamos a incrível conclusão de que o autor tenta nos convencer de que um objeto pode ser qualquer coisa. O mais incrível ainda é que ele está absolutamente certo!

Não pretendo aqui discutir a respeito desse assunto, vou apenas relembrar alguns conceitos básicos.

Vou fazer uma comparação com uma Tv. Quando compramos um televisor, recebemos um manual, que por mais simples que possa ser, traz sempre algumas especificações técnicas do aparelho. Por exemplo: Polegadas da tela, voltagem de trabalho, entre outras. Essas especificações técnicas transferido para o vocabulário da OOP são as propriedades do objeto (televisor). Em JavaScript essas propriedades nada mais são do que variáveis internas do objeto.

Um objeto está sujeito a determinados métodos. Um método geralmente é uma função que gera alguma informação referente ao objeto. Por exemplo ao mudar de canal, nós estamos executando uma função do televisor, o mesmo ocorre quando aumentamos ou diminuímos o volume.

Seguindo nosso exemplo, quando a tensão da rede sai da faixa de trabalho no caso de uma queda de tensão ou uma sobrecarga, o sistema de segurança da Tv, não permite que ocorram danos no aparelho, quando muito, queima o fusível da fonte de alimentação. Em aparelhos mais modernos, quando uma emissora sai do ar, a tela fica azul, sem aquele chiado irritante. Sendo assim podemos concluir que nosso objeto está sujeito a algumas situações, estas situações podem ocorrer a qualquer momento, e são chamadas de eventos.

Download Java

·  1st Java Bundle 2.0

·  Idioma: Inglês

·  Versão: Para Windows 95/NT

·  Tamanho: 714.652 bytes

·  Descrição: Software de edição de Java para Web.

    Download: Clique aki

·  Avaliação: Regular

·  1x Browser 007 alpha

·  Idioma: Inglês

·  Versão: Para Windows 95/NT

·  Tamanho: 1.314.042 bytes

·  Descrição: Software de edição de Java para Web.

    Download: Clique aki

·  Avaliação: Bom

·  6 Packs of Applets 2.0

·  Idioma: Inglês

·  Versão: Para Windows 95/NT

·  Tamanho: 326.157 bytes

·  Descrição: Software de edição de Java para Web.

    Download: Clique aki

   Avaliação: Bom

·  AceExpert 2.53

·  Idioma: Inglês

·  Versão: Para Windows 95/NT

·  Tamanho: 1.678.007 bytes

·  Descrição: Software de edição de Java para Web. Este é um dos melhores

·  Download: Clique aki

    Avaliação: Ótimo

·  Applet Button Factory 1.3

·  Idioma: Inglês

·  Versão: Para Windows 95/NT

·  Tamanho: 580.451 bytes

·  Descrição: Software de edição de Java para Web.

    Download: Clique aki

·  Avaliação: Ótimo

·  1 Cool Button Tool 1.2

·  Idioma: Inglês

·  Versão: Para Windows 95/NT

·  Tamanho: 568.091 bytes

·  Descrição: Software de edição de Java para Web. Especial para edição de       Botões

    Download: Clique aki

   Avaliação: Ótimo