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.
Clique aqui e aprenda a desenvolver com jQuery!
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.
2 comentários:
EXCELENTE AMIGO!
Valeu!
Postar um comentário