AplicativosemPHP23072007
644 pág.

AplicativosemPHP23072007


DisciplinaImplementação de Aplicação para Computador12 materiais54 seguidores
Pré-visualização50 páginas
http://pt.wikibooks.org/wiki/Aplicativos_em_PHP \u2013 Página 138/644
Primeiro script JavaScript
HTML e JS
<html>
<body>
<!--
document.write(&quot;Olá Mundo do JavaScript!&quot;)
//-->
</body>
</html>
Location - onde usar JS?
 # Dentro da tag head
 # Na tag body
 # Em um arquivo externo
Exemplo no head
<html>
<head>
<!--
function popup() {
alert(&quot;Olá Mundo do JavaScript (function)&quot;)
}
//-->
</head>
<body>
<input type=&quot;button&quot; onclick=&quot;popup()&quot; value=&quot;Executar&quot;>
</body>
</html>
Externo - Importando um arquivo JS externo
O arquivo deve estar em JS e somente com sintaxe JS e usar extensão .js
Importante: os arquivos a serem incluídos não devem conter as tags
 e .
<html>
WikiBooks, Democratizando o Conhecimento
http://pt.wikibooks.org/wiki/Aplicativos_em_PHP \u2013 Página 139/644
<head>
</head>
<body>
<input type=&quot;button&quot; onclick=&quot;popup()&quot; value=&quot;Clique Me!&quot;>
</body>
</html>
Operadores
Aritméticos
Operator Descrição Example
+ Addition 2 + 4
- Subtraction 6 - 2
* Multiplication 5 * 3
/ Division 15 / 3
% Modulus 43 % 10
Exemplo de Operadores Javascript com Variáveis
<body>
<!--
var two = 2
var ten = 10
var linebreak = &quot;<br />&quot;
document.write(&quot;two plus ten = &quot;)
result = two + ten
document.write(result)
document.write(linebreak)
document.write(&quot;ten * ten = &quot;)
result = ten * ten
document.write(result)
document.write(linebreak)
document.write(&quot;ten / two = &quot;)
result = ten / two
document.write(result)
//-->
</body>
Operadores de Comparação
Operator Descrição Example Result
WikiBooks, Democratizando o Conhecimento
http://pt.wikibooks.org/wiki/Aplicativos_em_PHP \u2013 Página 140/644
== Equal To $x == $y false
!= Not Equal To $x != $y true
< Less Than $x < $y true
> Greater Than $x > $y false
<= Menor ou igual $x <= $y true
>= Maior ou igual $x >= $y false
Variáveis
Podemos imaginar uma variável como uma sexta de frutas e os dados das variáveis como as frutas 
da sexta.
Quando usar uma variável pela primeira vez é uma boa prática de programação usar a palavra 
reservada var antes do nome da variável.
<body>
<!--
var linebreak = &quot;<br />&quot;
var my_var = &quot;Hello World!&quot;
document.write(my_var)
document.write(linebreak)
my_var = &quot;I am learning javascript!&quot;
document.write(my_var)
document.write(linebreak)
my_var = &quot;Script is Finishing up...&quot;
document.write(my_var)
//-->
</body>
Nomes de variáveis
- evitar palavras reservadas do JavaScript
- escolher nomes descritivos
- nomes de variáveis não podem iniciar com algarismos
- uma boa prática é iniciar com minúsculas
Funções
Funções em JavaScript são similares a funções em outras linguagens como PHP, C, C++, Java.
Uma função é um pedaço de código que fica dormindo até que seja chamado para &quot;funcionar&quot;.
Ao invés de digitar todo o código sempre que precisar, podemos simplesmente chamar novamente a 
função. Isto é conhecido como reutilização de código.
WikiBooks, Democratizando o Conhecimento
http://pt.wikibooks.org/wiki/Aplicativos_em_PHP \u2013 Página 141/644
<html>
<head>
<!--
function popup() {
 alert(&quot;Olá Mundo do JS!&quot;)
}
//-->
</head>
<body>
<input type=&quot;button&quot; onclick=&quot;popup()&quot; value=&quot;Executar&quot;>
</body>
</html>
Eventos
Este é o grande recurso do JavaScript, que possibilita interagir com o usuário no site, como:
- clique do mouse
- página sendo carregada
- mouse movendo sobre algum componente da página
- Seleção de item de Select
- Toque de tecla
- etc
<html>
<head>
<!--
function popup() {
alert(&quot;Hello World&quot;)
//-->
</head>
<body>
<input type=&quot;button&quot; value=&quot;Click Me!&quot; onclick=&quot;popup()&quot;><br />
<a href=&quot;#&quot; onmouseover=&quot;&quot; onMouseout=&quot;popup()&quot;&quot;>
Hover Me!</a>
</body>
</html>
Todo código em JavaScript é formado por instruções (statments).
Uma instrução é uma variável igual a um valor.
Como também é algo como uma chamada de função, por exemplo document.write(). As instruções 
definem o que o script deve fazer e como fazer.
Em algumas linguagens como o PHP, o final das instruções obrigatoriamente deve terminar com 
ponto e vírgula. Mas em JavaScript o ; ao final das instruções é opcional. Obrigatoriamente as 
WikiBooks, Democratizando o Conhecimento
http://pt.wikibooks.org/wiki/Aplicativos_em_PHP \u2013 Página 142/644
instruções terminam com uma quebra de linha.
Tipos de Instruções (Estruturas de Controle)
- Condicionais
- Loops
- Manipulação de Objetos
- Comentários
- Manupulação de exceções
if
<!--
var myNum = 7;
if(myNum == 7){
 document.write(&quot;Lucky 7!&quot;);
}
//-->
else
<!--
var myNum = 10;
if(myNum == 7){
 document.write(&quot;Lucky 7!&quot;);
}else{ 
 document.write(&quot;You're not very lucky today...&quot;); 
}
//-->
else if
<!--
var visitor = &quot;principal&quot;;
if(visitor == &quot;teacher&quot;){
 document.write(&quot;My dog ate my homework...&quot;);
}else if(visitor == &quot;principal&quot;){
WikiBooks, Democratizando o Conhecimento
http://pt.wikibooks.org/wiki/Aplicativos_em_PHP \u2013 Página 143/644
 document.write(&quot;What stink bombs?&quot;);
} else {
 document.write(&quot;How do you do?&quot;);
}
//-->
while
<!--
var myCounter = 0;
var linebreak = &quot;<br />&quot;;
document.write(&quot;While loop is beginning&quot;);
document.write(linebreak);
while(myCounter < 10){
 document.write(&quot;myCounter = &quot; + myCounter);
 document.write(linebreak);
 myCounter++;
}
document.write(&quot;While loop is finished!&quot;);
for
<!--
var linebreak = &quot;<br />&quot;;
document.write(&quot;For loop code is beginning&quot;);
document.write(linebreak);
for(i = 0; i < 5; i++){
 document.write(&quot;Counter i = &quot; + i);
 document.write(linebreak);
}
document.write(&quot;For loop code is finished!&quot;);
Comentários
<!--
// This is a single line Javascript comment
document.write(&quot;I have comments in my Javascript code!&quot;);
//document.write(&quot;You can't see this!&quot;);
//-->
WikiBooks, Democratizando o Conhecimento
http://pt.wikibooks.org/wiki/Aplicativos_em_PHP \u2013 Página 144/644
Array
São tipos especiais de variáveis.
Valores são armazenados em arrays passando o nome do array e a localização no array entre 
colchetes.
myArray[2] = &quot;Hello World&quot;;
Valores em arrays são acessados com o nome do array e a localização do valor:
myArray[2]
JavaScript traz algumas funções para trabalhar com arrays.
<!--
var myArray = new Array();
myArray[0] = &quot;Baseball&quot;;
myArray[1] = &quot;Cricket&quot;;
myArray[2] = &quot;Football&quot;;
document.write(myArray[0] + myArray[1] + myArray[2]);
//-->
Ordenação de arrays
<!--
var myArray = new Array();
myArray[0] = &quot;Baseball&quot;;
myArray[1] = &quot;Cricket&quot;;
myArray[2] = &quot;Football&quot;;
myArray.sort();
document.write(myArray[0] + myArray[1] + myArray[2]);
//-->
WikiBooks, Democratizando o Conhecimento
http://pt.wikibooks.org/wiki/Aplicativos_em_PHP \u2013 Página 145/644
Alert
Alert emite uma caixa de mensagem (janela popup) com mensagem texto.
<form>
<input type=&quot;button&quot; onclick= &quot;alert('Realmente excluir o registro atual?')&quot; 
value=&quot;Corfirmar Exclusão&quot;>