Opções do atributo Onload do HTML

Escrito por brandon james | Traduzido por alexandre lima
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Opções do atributo Onload do HTML
O evento onLoad é uma função importante do HTML (Comstock/Stockbyte/Getty Images)

O atributo "onLoad" do HTML, quando colocado nas tags de abertura <body>, <frameset> ou <img>, indica ao navegador de Internet para executar os comandos Javascript ao fim do carregamento de todos os componentes da página, ou apenas da imagem. Com esse atributo, é possível forçar a página a esperar a execução de um código Javascript interno ou externo até que toda a página tenha sido carregada, em vez de quando o navegador atingir o código sequencialmente.

Outras pessoas estão lendo

Criando a função Javascript

Insira as seguintes tags após a abertura de <head> no código fonte da sua página:

<script type="text/javascript"></script>

Entre as tags de abertura e fechamento de <script>, digite a sua função Javascript. Por exemplo:

function saudacao() { alert("Bem vindos ao meu site."); }

Isso irá criar uma função chamada "saudacao" que irá abrir uma caixa de diálogo contendo o texto especificado. Alternativamente, você pode salvar o código em um arquivo .js separado.

Executando o código com onLoad

Após criar a função Javascript, coloque o atribute "onLoad" em uma das tags de abertura de <body> ou <frameset>. Com esse atributo, você pode executar uma função específica usando seu nome. Por exemplo, para executar a função chamada "saudacao", sua tag <body> ficaria assim:

<body onLoad="saudacao()">

Se for posto numa tag <frameset>, o script não irá executar até que todo o conteúdo de cada um dos frames tenha sido carregado. Também é possível por o evento "onLoad" em uma tag <img>.

<img src="saudacao.jpeg" onLoad="saudacao()">

Executando várias funções

Para executar mais de uma função no evento "onLoad", separe seus nomes utilizando um ponto-e-vírgula. Por exemplo:

<body onLoad="saudacao();adeus()">

De outra forma, é possível por todos os comandos que você deseja executar em uma única função, em vez de tentar executar várias delas.

Outros atributos de evento

Além do "onLoad", existem muitos outros atributos de evento que permitem que você execute funções Javascript sob várias condições diferentes. Isso inclui "onClick", "onDblClick", "onMouseOver" e "onKeyPress". O evento contrário a "onLoad" é "onUnload", no qual a função é executada quando o navegador fecha ou outra página é aberta na mesma janela.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível