Introdução e criando seu primeiro javascript

por **ThalysWebDesigner** Dom Mar 11, 2012 8:57 pm

JavaScript

Introdução

JavaScript é uma linguagem de script muito poderosa, utilizada em diversos sites para dar uma maior dinâmica. Criado pela Netscape Navigator (em 1995) o JavaScript foi criado como um modo de controlar os navegadores e de elevar a interatividade da Web. Logo incorporado pela Microsoft com o Internet Explorer.

Criando o primeiro Script

Para iniciar um código em JavaScript basta colocar o mesmo dentro das Tags <script></script>. Alguns declaram na Tag <script> sua linguagem.
Exemplo:

<script language="JavaScript" >
</script>

Se você fizer isso, não estará errado, mas se você não declarar o browser vai reconhecer a linguagem também, a diferença entre usar e não usar está no processamento. Declarando o browser reconhece mais rápido, mas o processamento é tão rápido que se você não utilizar não irá mudar em nada.

Onde devo colocar essa Tag <script></script>?

Uma das maiores dúvidas de quem está aprendendo a utilizar o JavaScript, é onde coloca-lo, na realidade você pode colocar em qualquer parte da página HTML desde que esteja entre as tags <html></html>. Mas sua preferencia é por colocar a tag <script>, responsável pela utilização da linguagem na pagina web, entre as tags <head></head>, isso porque a primeira área carregada da página HTML pelo browser é o cabeçalho. Imagina, você coloca o script dentro da tag <body></body>, mas de repente o carregamento da sua página é interrompido ou a página não carregou 100%, o que é algo não tão comum, porém acontece. Seu script não funcionará corretamente provavelmente.
Exemplo:

Escrevendo a primeira mensagem
Exemplo:

<html>

<head>
<script> document.write("Olá Mundo!")
</script>
</head>

<body>

</body>
</html>

Introdução e criando seu primeiro javascript Script

O código escrito dentro das Tags <script></script> ?document.write()? tem a função de mostrar uma mensagem na tela. Essa mensagem quem escolhe é o desenvolvedor. Mas de repente você que já sabe HTML deve estar se perguntando. Pra que colocar um código gigante desses só pra escrever algo tão pequeno, se eu posso colocar a mensagem dentro da tag <body> que funciona perfeitamente. A resposta é a experiência, na realidade para esse exemplo o código não é adequado, mas mais pra frente, quando você estiver programando em JavaScript e quiser mostrar na tela algo dinâmico* que você fez, só será possível com esse método.

*dinâmico: Algo não estático, uma mensagem, um código em que sua resposta pode variar de acordo com o que o usuário digitar, ou fizer no site.

A tag <noscript>

Pode haver casos em que o browser do cliente esteja com o JavaScript desabilitado e a essência de seu site esteja na interatividade que o JavaScript ofereça. O que fazer para tentar resolver essa situação. Infelizmente você não pode estar no lado dele, dizendo o qual o problema de seu site, por isso é sempre bom colocar a tag <noscript>. Quando estiver desabilitado irá mostrar uma mensagem de acordo com o que esteja nessa tag.
Exemplo:

<html>
<head>
<script> document.write("Olá Mundo!") </script>
</head>
<body>
<noscript> Seu JavaScript está desabilitado. Ative-o </noscript>
</body>
</html>

Introdução e criando seu primeiro javascript Noscript