Próximo post

Criando campos condicionais no Drupal 7

Leia mais»
x
jun 18 2010

Executando Javascript Automaticamente

Muitas vezes precisamos executar algum javascript assim que a página terminar de carregar e fazer isto não é segredo:

1

<body onload="minhaFuncao();">

Este método funciona perfeitamente mas ele polui o DOM e é contra boas práticas escrever javascript inline, logo o ideal seria encontrar outro método...

Quem usa bastante jQuery sabe que dá pra fazer a mesma coisa assim:

1
2
3

$(window).load(function(){
  // código
});

Mas e se precisar fazer isto sem o jQuery???

A solução é um truquezinho legal:

1
2
3

(function(){
  // código
})();

Se você colocar este código dentro de tags <script> normais ele será executado assim que o documento for carregado!

OBS: Também é possível fazer do modo tradicional (e bem menos estiloso), bindando o evento ao "onload" do window:

1
2
3

window.onload = function(){
  // código
};
dica javascript
Se curtiu este post, por favor tome alguns segundos para compartilhá-lo usando os links do lado esquerdo! Valeu!!!