terça-feira, 11 de agosto de 2009

Como chamar um script em uma página

Tag <script>

Este tutorial é destinado àqueles que não sabem como incluir e chamar JavaScript em páginas HTML e, irá mostrar as várias formas de fazer isso, com exemplos inclusos.



Há duas formas de chamar uma função ou um comando, em JavaScript, em uma página. São elas:

  • Usando eventos (onclick, onmouseover, etc…)
  • Usando um link

Primeira forma: Usando eventos (onclick, onmouseover, etc…)

<span onclick="funcao();">Função JavaScript</span>

Uma forma melhor de lidar com eventos é usar event listeners. Para mais informações, veja “Como usar event listeners com Javascript”.

Dica: Crie uma função mestra, que chame todas as funções que deseja executar automaticamente, e a chame através do evento onload do elemento <body>.

function funcaoMestra() {
   funcao1();
   funcao2();
   /* ... */
}
<body onload="funcaoMestra();">

Segunda forma: Usando um link

<a href="javascript:funcao();">Função JavaScript</a>

Para todos os exemplos, presume-se que as funções foram anteriormente declaradas e, para os quatro exemplos, presume-se que o código JavaScript foi incluso, ou de um arquivo externo, ou diretamente no HTML. Veja abaixo como incluir JavaScript.

Para a inclusão de arquivos externos

<script type="text/javascript" src="script.js"></script>

Para a inclusão direta no código HTML

<script type="text/javascript">
// <![CDATA[

/*
 * Código em JavaScript.
 */

// ]]>
</script>

O comando <![CDATA[]]> em forma de comentário deve ser incluído em scripts que forem incluídos diretamente no código HTML, pois evitará conflitos com o processamento HTML, sem dizer que permitirá a validação da sua página.

Postagens relacionadas

2 comentários:

Postar um comentário