JavaScript
Propaganda
Internet e Programação Web
JavaScript
JavaScript é a linguagem da Web.
JavaScript é usada em milhões de páginas da web para adicionar funcionalidades,
validação em formulários, detectar navegadores, e muito mais.
Introdução
JavaScript é a mais popular linguagem da internet, e funciona na maioria dos
navegadores, assim como o Internet Explorer, Firefox, Chrome, Opera e Safari.
JavaScript foi desenhado para adicionar interatividade às páginas HTML
JavaScript é uma linguagem escrita.
Uma linguagem escrita é uma linguagem leve de programação.
JavaScript é normalmente embutido diretamente dentro das páginas HTML.
JavaScript é uma linguagem interpretada (significa que o script executa sem uma
compilação preliminar).
Qualquer pessoa pode usar JavaScript sem comprar uma licença.
Java e JavaScript são duas linguagens completamente diferentes e ambas concepção e
desenho.
Java (desenvolvido pela Sun Microsystems) é uma ponderosa e muito mais complexa
linguagem de programação – na mesma categoria de C e C++.
JavaScript dá aos designers HTML uma ferramenta de programação – autores
HTML normalmente não são programadores, mas JavaScript é uma linguagem com
uma sintaxe muito simples. Quase todos podem colocar pequenos “cortes” de
código em suas páginas HTML.
JavaScript pode colocar texto dinâmico e m uma página HTML – um comando
JavaScript como este: document.write("<h1>" + name + "</h1>")
pode escrever um texto variado em uma página HTML.
JavaScript pode reagir a eventos – um commando JavaScript pode ser
configurado para executar quando alguma coisa aconcetece, como quando uma
página termina de carregar ou quando um usuário clica em um elemento HTML.
JavaScript pode ler e escrever elementos HTML – um commando JavaScript
pode ler e trocar o conteúdo de um elemento HTML.
JavaScript pode ser usado para validar dados – um comomando JavaScript pode
ser usado para validar formulário de dados antes de enviá-lo ao servidor.
JavaScript pode ser usado para detector visitantes do browser – um commando
JavaScript pode ser usado para detector o visitante do browser, e – dependendo do
browser – carregar outra página específica desenhada para aquele browser.
JavaScript pode ser usado para criar – um commando JavaScript pode ser usado
para armazenar e acessar informação de um computador visitante.
Inserir um JavaScript
A tag HTML <script> é usada para inserir um JavaScript em uma página HTML.
O exemplo abaixo mostra como usar JavaScript para escrever texto emu ma página
web:
1
JavaScript
<html>
<body>
<script type="text/javascript">
document.write("Olá Mundo!");
</script>
</body>
</html>
O exemplo abaixo mostra como adicionar tags HTML para o JavaScript:
<html>
<body>
<script type="text/javascript">
document.write("<h1>Olá Mundo!</h1>");
</script>
</body>
</html>
Para inserir um JavaScript emu ma página HTML, nós usamos a tag <script>.
Dentro da tag <script> nós usamos o tipo de atributo para definer a linguagem
scripting.
Então, o <script type="text/javascript"> e </script> diz onde o
JavaScript inicia e termina.
O comando document.write é um comando padrão JavaScript para escrever saída
para uma página.
Ao digitar o comando document.write entre as tags <script> e </script>, o
navegador irá reconhecer como um comando JavaScript e executar a linha de código.
Nesse caso o navegador irá escrever Olá Mundo! na página:
Se você não tiver digitado a tag <script>, o navegador teria tratado o comando
document.write("Olá Mundo!") como um texto puro.
Como operar em broswers simples
Browsers que não suportam JavaScript, mostrarão JavaScript como conteúdo de uma
página.
Para evitá-los de fazer isso, e como uma parte do JavaScript padrão, a tag de comentário
HTML deveria ser usada para esconder o JavaScript.
Apenas adicionar um comentário HTML comment <!—antes da primeira sentence
JavaScript, e um --> (fim de comentário) após a última sentença JavaScript, como
esta:
<html>
<body>
<script type="text/javascript">
<!--document.write("Hello World!");
//-->
</script>
</body>
</html>
As duas barras (inclinadas) ao final da linha de comentário é o símbolo de comentário
JavaScript. Isso evita que JavaScript execute a tag -->.
Onde inserir o JavaScript
2
Internet e Programação Web
JavaScripts podem ser colocados no corpo e nas seções de cabeçalhos de uma página
HTML
JavaScripts emu ma página sera executados imediatamente enquanto a página carrega
no browser. Isso não é o que queremos sempre. Algumas vezes queremos executar um
script quando uma página carrega, ou em um evento mais tarde, tal como quando um
usuário clica em um botão. Quando este é o caso nós colocamos o script dentre de uma
função.
Scripts no cabeçalho
Scripts para serem executados quando são chamados, ou quando um evento é acionado,
são colocados em funções.
Colocar as funções na seção de cabeçalho, desta maneira eles ficarão em um único
lugar, e ele não interferirão no conteúdo da página.
Exemplo:
<html>
<head>
<script type="text/javascript">
function message()
{
alert("Esta caixa de alerta foi chamada com o evento onload
");
}
</script>
</head>
<body onload="message()">
</body>
</html>
Scripts no corpo
Se você não quer o script dentro de uma função, ou se o script deveria escrever no
conteúdo da página, deve ficar localizado no seção body.
Exemplo:
<html>
<head>
</head>
<body>
<script type="text/javascript">
document.write("Esta mensagem é escrita por JavaScript");
</script>
</body>
</html>
Scripts nas seções de cabeçalho e corpo
Você pode colocar um número ilimitado de scripts no seu documento, então, você pode
ter scripts tanto no corpo quanto na seção de cabeçalho.
Exemplo:
<html>
<head>
3
JavaScript
<script type="text/javascript">
function message()
{
alert("Esta caixa de alerta foi chamada com o evento
onload");
}
</script>
</head>
<body onload="message()">
<script type="text/javascript">
document.write("Esta mensagem foi escita por JavaScript");
</script>
</body>
</html>
JavaScript externo
Se você quer rodar o mesmo JavaScript em várias páginas, sem ter que escrever o
mesmo script em todas as páginas, você pode escrever um JavaScript em um arquivo
externo.
Salve o arquivo JavaScript externo com a extensão .js.
O script externo não pode conter as tags <script></script>.
Usar um script extero, aponta para o arquivo .js em um atributo src da tag
<script>:
Exemplo:
<html>
<head>
<script type="text/javascript" src="xxx.js"></script>
</head>
<body>
</body>
</html>
Lembre de armazenar o script extamente onde você normalmente escreveria o script.
Exercícios (pesquisa)
1.
2.
3.
4.
5.
4
Qual o nome real do JavaScript?
Qual o nome oficial do JavaScript?
Quem desenvolvou e mantém?
Qual é o padrão oficial JavaScript?
Quem inventou e quando apareceu a linguagem JavaScript?
