Javascript no Código HTML
()
0.3 - JavaScript no Código HTML
(http://javascriptbr.blogspot.com)
Javascripts podem ser inseridos tanto na seção <body> quanto na seção <head> de uma página HTML.
Javascript na seção <body>
O exemplo a seguir escreve a data atual em um elemento <p> existente quando a página carrega:
---------------------------------------- ------------------------------------------------------------------
<html>
<body>
<h1>My First Web Page</h1>
<p id="demo"></p>
<script type="text/javascript">
document.getElementById("demo").innerHTML=Date();
</script>
</body>
</html>
---------------------------------------- ------------------------------------------------------------------
Note que o Javascript foi escrito na parte de baixo da página HTML para dar certeza dele não ser escrito antes da criação do elemento <p>
Funções e Eventos
Javascripts em páginas HTML serão executados quando a páginan carrega. Não é sempre que queremos que isso ocorra. Algumas vezes, vamos querer que o Javascript execute na ocorrência de um evento, como quando o usuário clica em um botão. Para tanto podemos inserir o código dentro de uma função. Os eventos geralmente são usados com funções (chamamos uma função quando um evento ocorre).
Javascript na seção <head>
O exemplo a seguir chama uma função quando um botão é pressionado.
---------------------------------------- ------------------------------------------------------------------
<html>
<head>
<script type="text/javascript">
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>
<h1>My First Web Page</h1>
<p id="demo"></p>
<button type="button" onclick="displayDate()">Display Date</button>
</body>
</html>
---------------------------------------- ------------------------------------------------------------------
Você pode inserir um número indefinido de javascripts tanto na seção <head> quanto na seção <body> da sua página HTML e você pode ter javascripts nas duas seções ao mesmo tempo. A prática comum é colocá-los todos no mesmo lugar, no cabeçalho ou no rodapé da página, pois isso não altera o conteúdo da página HTML na tela.
Usando Javascripts Externos
Javascript pode ser escrito em arquivos externos. Javascripts externos são utilizados com diversas páginas web. Arquivos de Javascript externo possuem a extensão .js e são escritos sem a tag <script></script>
Para utilizar um script java esxterno, aponte o arquivo .js no atributo "src" da tag <script> no código HTML.
---------------------------------------- -----------------------------------------------------------------
<html>
<head>
<script type="text/javascript" src="xxx.js"></script>
</head>
<body>
</body>
</html>
Resumos Relacionados
- Comentários Javascript
- O Que é Php
- Declarações Javascript
- Sintaxe Php
- Introdução Ao Javascript
|
|