Java Script Básico


Java Script Básico
Introdução
O que é Java Script?

JavaScript é uma linguagem que permite injetar lógica em páginas escritas em HTML (HiperText Mark-up Language).
Os parágrafos de lógica do javaScript podem estar "soltos" ou atrelados a ocorrência de eventos.
Os parágrafos soltos são executados na sequência em que aparecem na página (documento) e os atrelados a eventos são executados apenas quando o evento ocorre.
Para inserir parágrafos de programação dentro do HTML é necessário identificar o início e o fim do set de JavaScript, da seguinte forma:

<SCRIPT>

instruções ...

</SCRIPT>

Este procedimento pode ser adotado em qualquer local da página. Os comandos JavaScript são sensíveis ao tipo de letra (maiúsculas e minúsculas) em sua sintaxe.
Portanto, é necessário que seja obedecida a forma de escrever os comandos, de acordo com a forma apresentada ao longo deste manual. Caso seja cometido algum erro de sintaxe quando da escrita de um comando, o JavaScript interpretará, o que seria um comando, como sendo o nome de uma variável.

Qual é a diferença entre Java e JavaScript?

Ainda que os nomes sejam quase os mesmos, Java não é a mesma coisa que JavaScript! Essas são duas técnicas diferentes de programação na Internet. Java é uma linguagem de programação. JavaScript é uma linguagem de scripting (tal como diz o nome). A diferença é que se pode criar programas reais com Java. O mais das vezes, porém, você quer apenas criar um efeito chamativo, sem se importar com qualquer programa real. Assim, JavaScript foi pensado como algo fácil de se compreender e de se usar. Os autores de JavaScript não têm que se importar muito com programação. Nós poderíamos até dizer que JavaScript é muito mais uma extensão do HTML do que uma linguagem de computador separada. Naturalmente essa não é uma definição

"oficial" mas acho que ela torna mais compreensível a diferença entre Java e JavaScript.

Um pequeno exemplo do uso de scripts

Exemplo 1:

Crie um arquivo HTML chamado Alo.html e coloque o código abaixo:


<html>
<body>
<form>
<input type="button" name="Button1" value="Aperte-me"
onClick="mensagem()">
</form>
</body>
</html>

<script language="JavaScript"> function mensagem() {
alert("Alo!");
}
</script>



Abra o arquivo Alo.html com o seu navegador e clique no botão “Aperte- me”, o resultado será este:



Comentários