News Center Informtica

Juazeiro - BA

Nome:________________________________________
Turma:_______________________
Developed by Igo Rafael / Washington Oliveira

O que JavaScript? ................................................................................................................................... 4

Qual a diferena entre Java e JavaScript? ............................................................................................ 4
Como os scripts do Javascript podem ser rodados? ................................................................................ 4
Calculo no igual a CALCULO .............................................................................................................. 5
O ponto-e-vrgula ....................................................................................................................................... 5
Espaos em branco ..................................................................................................................................... 5
Linhas de textos (strings), aspas duplas e aspas simples ......................................................................... 6
A barra invertida ( \ ) e linhas de texto (strings) ...................................................................................... 6
O uso dos Parnteses(), Chaves{} e Colchetes[] ....................................................................................... 6
Comentrios ................................................................................................................................................ 7
Nome de Variveis e de Funes ............................................................................................................... 7
O que so Variveis? .................................................................................................................................. 8
Operadores aritmticos ......................................................................... Error! Bookmark not defined.
Operadores de atribuio ...................................................................... Error! Bookmark not defined.
Operadores de comparao .................................................................. Error! Bookmark not defined.
Operadores lgicos................................................................................ Error! Bookmark not defined.
As instrues if e if...else .............................................................................. Error! Bookmark not defined.
Usando a instruo if...else ................................................................... Error! Bookmark not defined.
A instruo switch ........................................................................................ Error! Bookmark not defined.
A instruo for .............................................................................................. Error! Bookmark not defined.
A instruo while .......................................................................................... Error! Bookmark not defined.
Funes, o que so? ...................................................................................... Error! Bookmark not defined.
Escrevendo uma funo ......................................................................... Error! Bookmark not defined.
Chamando funes a partir de um boto ............................................... Error! Bookmark not defined.
Chamando funes por meio de um link ................................................ Error! Bookmark not defined.
Escrevendo uma funo com argumentos.............................................. Error! Bookmark not defined.
Arrays (Conjuntos): Criando uma array ................................................... Error! Bookmark not defined.
Acessando os elementos de uma array .................................................. Error! Bookmark not defined.
Como acionar um script ............................................................................... Error! Bookmark not defined.
O Objeto Window ......................................................................................... Error! Bookmark not defined.
Abrindo Janelas Pop-up ........................................................................ Error! Bookmark not defined.
Fechando janelas por meio de um link .................................................. Error! Bookmark not defined.
Abrindo uma janela em tela cheia ......................................................... Error! Bookmark not defined.
O objeto document ....................................................................................... Error! Bookmark not defined.
Acessando e alterando a cor documento ............................................... Error! Bookmark not defined.
Acessando e alterando o ttulo da pgina.............................................. Error! Bookmark not defined.
As propriedades do objeto document..................................................... Error! Bookmark not defined.

Exibindo a data de atualizao da pgina ............................................ Error! Bookmark not defined.

O objeto string .............................................................................................. Error! Bookmark not defined.
Criando uma instancia do objeto string ................................................ Error! Bookmark not defined.
Contando o nmero de letras de uma palavra....................................... Error! Bookmark not defined.
Formatando texto usando JavaScript .................................................... Error! Bookmark not defined.
Os mtodos do objeto string .................................................................. Error! Bookmark not defined.
O mtodo big() ....................................................................................... Error! Bookmark not defined.
O mtodo charAt() ................................................................................. Error! Bookmark not defined.
O mtodo fixed() .................................................................................... Error! Bookmark not defined.
O mtodo fontcolor() ............................................................................. Error! Bookmark not defined.
O mtodo indexOf() ............................................................................... Error! Bookmark not defined.
O mtodo toLowerCase() ....................................................................... Error! Bookmark not defined.
O mtodo toUpperCase() ....................................................................... Error! Bookmark not defined.
O mtodo slice()..................................................................................... Error! Bookmark not defined.
O objeto Date ................................................................................................ Error! Bookmark not defined.
Descobrindo a Hora e a Data ............................................................... Error! Bookmark not defined.
O objeto Math ............................................................................................... Error! Bookmark not defined.
O mtodo max() ..................................................................................... Error! Bookmark not defined.
O mtodo floor() .................................................................................... Error! Bookmark not defined.
O mtodo random() ............................................................................... Error! Bookmark not defined.
Gerando um nmero randmico em JavaScript. ................................... Error! Bookmark not defined.
Um script para desafiar o usurio de sua pgina. ..................................... Error! Bookmark not defined.
Referncias .................................................................................................... Error! Bookmark not defined.

O que JavaScript?
JavaScript uma linguagem usada junto com o html, que est presente em 90% dos
sites, seja ele grande ou pequeno. Com JavaScript vrias maneiras rpidas, fceis e
compatveis de tornar um site muito mais dinmico. Alguns exemplos de efeitos feitos atravs
de JavaScripts, mais usados que encontramos hoje na internet so as datas, saudaes como
"bom dia", "boa tarde" ou "boa noite", efeitos de ONMOUSEOVER onde uma imagem muda
quando voc passa o mouse por ela, dentre vrios outros. Alguns dos efeitos que agora
podemos fazer com JavaScript, h algum tempo atrs s eram possveis com CGI. Deste
modo, voc pode criar pginas muito sofisticadas com a ajuda do JavaScript e encontrar
milhares de cdigos JavaScripts na internet para melhorar ainda mais seu site.

Qual a diferena entre Java e JavaScript?

Ainda que os nomes sejam quase os mesmos, Java no a mesma coisa que
JavaScript! Essas so duas tcnicas diferentes de programao na Internet. Java uma
linguagem de programao. JavaScript uma linguagem de scripting (tal como diz o nome). A
diferena que se pode criar programas reais com Java. Mas as vezes, porm, voc quer
apenas criar um efeito chamativo, sem se importar com qualquer programa real. Assim,
JavaScript foi pensado como algo fcil de se compreender e de se usar. Os autores de
JavaScript no tm que se importar muito com programao. Ns poderamos at dizer que
JavaScript muito mais uma extenso do HTML do que uma linguagem de computador
separada. Naturalmente essa no uma definio "oficial" mas acho que ela torna mais
compreensvel a diferena entre Java e JavaScript.

Como os scripts do Javascript podem ser rodados?

O primeiro browser a suportar JavaScript foi o Netscape Navigator 2.0. claro que as
verses maiores tambm rodam JavaScript. Voc deve saber que nem toda as verses de
Netscape Navigator 2.0 (ou maiores) rodam Java. Mas isso no verdadeiro para o JavaScript
- ainda que existam problemas entre as diferentes verses. A verso Mac, por exemplo, parece
ter apresentado muito defeito. No futuro prximo dever haver outros browsers que suportaro
tambm o JavaScript. O Microsoft Internet Explorer 3.0, por exemplo, suportar JavaScript.
Browsers habilitados ao JavaScript tendem a se tornar daqui a pouco muito populares, por isso
vale a pena aprender essa tcnica logo. Voc j deve estar imaginando que realmente fcil
escrever scripts de JavaScript. Tudo o que se tem a fazer conhecer algumas tcnicas
bsicas, e trabalhar algum tempo em torno dos problemas que voc pode encontrar.
Naturalmente, voc vai necessitar de um conhecimento bsico de HTML antes de comear a
ler este tutorial. Voc pode achar muitos recursos on-line sobre HTML que so excelentes. O
melhor fazer uma busca on-line de 'html' no Yahoo, se voc quer ficar por dentro da matria.
(Esses documentos on-line so freqentemente mais atualizados do que livros: a Internet anda
muito rpida atualmente...)
Agora veja alguns pequenos scripts. Assim voc pode aprender como eles so
implementados nos documentos em HTML e ficar sabendo quais so as possibilidades da nova
linguagem de scripting. Eu comearei com um script muito pequeno, que s imprime um texto
num documento HTML.
<html>
<head>
<title>Meu primeiro JavaScript!</title>
</head>
<body>
<br>
Este um documento HTML normal.
<br>
<script language="JavaScript">
document.write("Este um JavaScript!")
</script>

<br>
De volta ao HTML.
</body>
</html>

Se voc estiver usando um browser habilitado ao JavaScript, neste momento voc

estar vendo este script funcionar. Se o seu browser no suporta JavaScript ento este
resultado deve ser algo estranho...
Este um documento HTML normal.
Este &eacute; um JavaScript!
De volta ao HTML.
Devo admitir que este script no muito til. Voc poderia escrever a mesma coisa no
HTML de maneira muito mais rpida e curta. Mas o que eu quis mostrar como voc deve usar
os tags <script></script>. Voc pode usar esses tags no seu documento no lugar que quiser.

Calculo no igual a CALCULO

O JavaScript sensvel a maisculas e minsculas. Se voc declarar uma varivel de
nome Calculo, no poder mais tarde tentar acessar essa varivel usando o nome calculo.
Lembre-se disso. Se voc alterar um simples a por um A seu cdigo no funcionar
corretamente(se funcionar). E lembre-se! Nada de acentos.

O ponto-e-vrgula
Todas as instrues (no se preocupe; iremos falar sobre isso logo) em JavaScript
deve terminar com um ponto-e-vrgula que tambm serve para separar uma instruo da outra.
Exemplo:
<SCRIPT LANGUAGE=JavaScript>
<!-alert(Observe o ponto e vrgula no final da instruo);
alert(Entendeu??);
//-->
</SCRIPT>

Espaos em branco
JavaScript, igual ao seu parceiro de trabalho, o nosso HTML de todos os dias, ignora
os espaos, tabulaes, insero de linhas novas que aparecem nas instrues. Mas cuidado!
Enquanto voc pode digitar seu cdigo assim:
var numUm=10;

ou
var numUm = 10;

Sempre precisar de espao entre os nomes das funes, instrues e nomes de

objetos, como veremos em seguida. Quando os espaos estiverem dentro de uma string (nome
dado a uma linha de texto em programao), o interpretador tratar esses espaos como parte
da sua linha de texto. Para ver como isso funciona, volte ao nosso primeiro exemplo e d
alguns espaos na linha de texto a ser escrito na pgina. Execute, e veja o que muda.

Tente criar a sua prpria maneira de escrever o seu cdigo. Um cdigo bem organizado fica fcil
ser lido mais tarde, e voc poder identificar onde uma instruo termina e a outra comea.

Linhas de textos (strings), aspas duplas e aspas simples

Uma string uma seqncia de texto formada por zeros, espaos ou qualquer outro
caractere. Ns iremos trabalhar com strings o tempo todo, portanto, vamos ver este tpico com
muita ateno.
Todas as strings sero fechadas por aspas duplas (Meu texto) ou aspas simples
(Meu texto), dependendo da ocasio.
As aspas simples so usadas dentro de uma instruo com aspas duplas ou viceversa.
Exemplo:
<FORM>
<INPUT TYPE=Button VALUE=Clique Aqui! onClick=alert(Voc est
comeando a entender o que estou dizendo);>
</FORM>

A barra invertida ( \ ) e linhas de texto (strings)

A barra invertida usada com muita freqncia em JavaScript e no deve jamais ser
confundida com a barra simples ( / ). Usando a barra invertida, possvel inserir caracteres em
nossa linha de texto, produzidas por nossos scripts, que normalmente no poderiam ser
produzidas pelo teclado somente. Suponhamos que queremos criar uma linha de texto que
exiba seu nome em uma linha e sua ocupao na linha logo abaixo. Vamos ver o seguinte
cdigo:
<SCRIPT LANGUAGE=JavaScript>
<!-alert(Nome: Jeocrssio Sarcfago da Silva \n Ocupao: Guitarrista);
//-->
</SCRIPT>

Temos muitas combinaes da barra invertida com outras letras. Vamos ver algumas
mais usadas:
\t - Tabulao
\n - Inserir de linha
\r - Retorno (sem insero de linha)
\ - Aspas simples (apstrofo)
\ - Aspas duplas

O uso dos Parnteses(), Chaves{} e Colchetes[]

Parnteses, chaves e colchetes so usados com muita freqncia no JavaScript. Antes
de tudo, lembre-se de que todas as vezes que voc abrir um desses smbolos dever fech-lo
apropriadamente para que no aparea erro no seu script.
Os parnteses so usados para conter os argumentos de uma funo ou mtodo (que
sero visto posteriormente).
Os colchetes so usados como parte de Arrays (tambm ser explicada mais a frente).
As Chaves so usadas para conter mltiplas instrues. Com o uso das chaves
possvel colocar vrias instrues dentro de uma nica funo ou fluxo de cdigo.
Exemplo 1:

<SCRIPT LANGUAGE=JavaScript>
<!-var meuNumero = 10;
if (meuNumero == 10){
alert(O valor do meuNumero igual a 10!!);
document.write(meuNumero igual a 10.);
}
//-->
</SCRIPT>

Exemplo 2:
<SCRIPT LANGUAGE=JavaScript>
<!-Pessoas = new Array()
Pessoas[0] = Daniel
Pessoas[1] = Yuri
Pessoas[2] = Pedro
Pessoas[3] = Perys
document.write(Pessoa Alegre: +Pessoas[0]);
//-->
</SCRIPT>

Comentrios
Sempre que voc estiver escrevendo seu cdigo JavaScript, uma boa idia deixar
alguns comentrios nele. Comentrios so teis para mostrar informaes sobre direitos
autorais, assim como informaes sobre cada funo, caso precise revisar seu cdigo mais
tarde. Ao comentar o cdigo, tornar as coisas mais fceis, tanto para voc como para quem
for tentar entender seu cdigo mais tarde. Para colocar um comentrio em um script de uma
linha s usamos as duas barras ( // ), Veja o exemplo:
Exemplo:
<SCRIPT LANGUAGE=JavaScript>
<!-//A linha abaixo escreve o texto na pgina
document.write(Este cdigo est comentado);
//-->
</SCRIPT>

Para comentar seu cdigo usando mltiplas linhas, voc pode usar a barra juntamente
com o asterisco no incio e no fim do comentrio. Abra o comentrio usando /* e feche usando
*/ . Observe o exemplo:
Exemplo:
<SCRIPT LANGUAGE=JavaScript>
<!-/* A linha abaixo escreve o texto na pgina e eu
estou usando mais de uma linha no meu
comentrio*/
document.write(Este cdigo est comentado);
//-->
</SCRIPT>

Nome de Variveis e de Funes

Os nomes das funes e das variveis devem seguir algumas regras simples:

Regra 1 - O primeiro caractere do nome d funo ou da varivel deve ser uma letra do alfabeto
(maisculo ou minsculo), uma barra (underline) que deve ser escrita ( _ ) sem nenhum
espao entre a barra e o prximo caractere ou um sinal de dlar($) que no recomendado
pois algumas verses do JavaScript no reconhecem (verses mais antigas).
Exemplo:
var MeuResultado = 273;
function Voltar()
var meuResultado = 394;
function _visualizar()
Var News_Center = escola;
var $Canal = outro;

Regra 2 - Voc no pode usar um nmero para iniciar o nome de uma funo ou de uma
varivel. Tenha bastante cuidado com essa regra. Seus scripts pode no funcionar
corretamente.
Regra 3 - Nomes de variveis e de funes no podem conter espaos, acentos ou cedilha.
Como a linguagem JavaScript estrangeira e escrita em Ingls, no possvel usar caracteres
utilizados somente por ns brasileiros. No caso de realmente precisar de um espao voc pode
utilizar o underline ( _ ).
Exemplo:
var News_Center = 273;
var Cachacao = Cachao;

Regra 4 - O nome das funes e das variveis no pode ser iguais a nenhuma das palavras
reservadas. Todas as linguagens de programao tm uma srie de palavras que so usadas
internamente, e quando estamos programando, no podemos usar essas palavras, pois o
compilador ou o interpretador recusar o nosso cdigo, j que o uso das palavras reservadas
causar erros irremediveis no fluxo do cdigo. Eis alguns exemplos:
Array, Number, goto, close, closed, confirm, Date, arguments, FALSE, TRUE,
Bolean, setInterval, setTimeout, entre outros.
Recomendo que voc use sempre nomes bem sugestivos para suas variveis e funes . Dando
nomes fceis de ser lembrados ou associados, far com que seu trabalho seja bem mais
produtivo e poupar muito tempo na hora de referenciar esses nomes no seu cdigo.

O que so Variveis?
Variveis so nomes dados aos locais na memria do computador onde alguns dados
sero armazenados durante a execuo do nosso script. Quando declaramos uma varivel no
script, ela fica guardada na memria at que decidamos fechar a janela em que o script est
sendo executado. Variveis so declaradas usando a palavra chave var.
Exemplo:
var MeuNumero = 273;
var Resultado = 100;
var Nome = Carlos Alberto;

Na prtica:
<SCRIPT LANGUAGE=JavaScript>
<!-var Texto = Esta a minha primeira varivel;
document.write(Texto);
//-->
</SCRIPT>