Depois de algum tempo sem postar aqui, devido a projetos pessoais e faculdade, estou de volta para mostrar mais algumas coisas sobre JavaScript como havia prometido. Então vamos lá!
O Objeto document
Document é um objeto usado para modificar ou obter propriedades da página que está sendo exibida. Ele é um container com todos objetos que estão na página HTML.
Vamos começar com um simples exemplo de como esse objeto pode ser usado:
Vamos começar com um simples exemplo de como esse objeto pode ser usado:
Neste exemplo usamos o método write e a propriedade location de document para escrever na página e mostrar qual a atual URL sendo exibida.
Outro caso simples de uso seria para alterar a cor de fundo da página:
Obviamente o objeto document possui muitos outros métodos e propriedades, mas não vou abordar todos aqui, caso queira saber mais entre aqui.
Outros objetos
Existem outros objetos que também são importantes no JavaScript:
- Window
- Navigator
- Screen
- History
- Location
Aqui segue uma boa referência dos objetos usados no JavaScript.
Semelhanças entre Java e JavaScript
Esse tópico não é sobre características nem finalidades das linguagens, mas sim sobre semelhanças em sua sintaxe. Vamos começar com os operadores.
Os operadores no Java são praticamente os mesmos do JavaScript:
Os operadores no Java são praticamente os mesmos do JavaScript:
- Aritméticos: +, -, *, /, %, ++, --
- Atribuição: +=, -=, *=, /=, %=
- Comparação: ==, !=, >, >=, <, <=
- Lógicos: &&, ||, !
O resultado é true. Porém se uma string for inicializada assim:
var x2 = new String("teste");
var x3 = new String("teste");
A comparação deve ser feita deste modo:
if(x2.toString() == x3.toString())
document.write("true");
else
document.write("false");
Achei essa dica aqui...
Com isso também podemos ver que a estrutura de comparação if é a mesma nas duas linguagens.
Agora vamos para a estrutura de seleção switch:
switch (variável)
{
case 'valor 1':
{
//bloco de comandos;
break;
}
case 'valor2':
{
//bloco de comandos;
break;
}
default:
{
//comando alternativo;
}
}
Aqui temos uma estrutura básica. Temos duas diferenças da linguagem Java. Uma são as chaves entre os blocos e outra é o tipo de dados. No Java o switch trabalha com os tipos primitivos byte, short, char, e int (existem algumas exceções mas basicamente é isso). Já no JavaScript podemos trabalhar com strings também. Continuando o exemplo anterior:
switch (x1)
{
case 'texto':
{
document.write("Ok!");
break;
}
case 'valor':
{
//bloco de comandos;
break;
}
default:
{
document.write("Nenhum!");
}
}
Veja também que tanto faz usar aspas simples ou duplas. Outra coisa é que os comentários podem ser feitos da mesma forma que o Java (//... ou /* ... */ ).
Agora vamos para estruturas de repetição. No JavaScript temos 3 tipos delas, for, while e do while. Alguns dizem que são 4 estruturas, contando que existem 2 tipos de for (for normal e for in). Exceto o for in, as outras funcionam da mesma forma nas duas linguagens:
Agora vamos para estruturas de repetição. No JavaScript temos 3 tipos delas, for, while e do while. Alguns dizem que são 4 estruturas, contando que existem 2 tipos de for (for normal e for in). Exceto o for in, as outras funcionam da mesma forma nas duas linguagens:
Assim como no Java, o JavaScript também aceita as instruções break e continue.
Agora o for in. O for in funciona como o for each do Java. Temos um array com elementos e usamos o for in para percorrê-lo:
Agora o for in. O for in funciona como o for each do Java. Temos um array com elementos e usamos o for in para percorrê-lo:
var x;
var carros = new Array();
carros[0] = "Ferrari";
carros[1] = "Lamborghini";
carros[2] = "Porsche";
for (x in carros)
{
document.write(carros[x] + "
");
}
Conclusão
Finalizo essa introdução ao JavaScript e espero que possam ter tirado algum proveito das informações contidas aqui. Sei que é pouca coisa mas dá pra começar. Tem um site muito bom que tenho usado como referência: w3schools. Esse site tem muito conteúdo, não so de JavaScript mas outras linguagens também.
Bons estudos!