Atributo de carregamento HTML

❮ Anterior Todos os atributos HTML Próximo ❯

Definição e uso

O atributo onload é acionado quando um objeto é carregado.

onload é mais frequentemente usado dentro do elemento <body> para executar um script depois que uma página da Web carrega completamente todo o conteúdo (incluindo imagens, arquivos de script, arquivos CSS, etc.). No entanto, também pode ser usado em outros elementos (consulte "Tags HTML suportadas" abaixo).

Para elementos de entrada, o atributo onload é suportado apenas quando <input type="image">

O atributo onload pode ser usado para verificar o tipo e a versão do navegador do visitante e carregar a versão adequada da página da web com base nas informações.

Aplica-se a

O atributo onload faz parte dos Event Attributes e pode ser usado nos seguintes elementos:

Elementos
<corpo>
<iframe>
<img>
<entrada>
<link>
<script>
<estilo>

Exemplos

Exemplo de corpo

Execute um JavaScript imediatamente após o carregamento de uma página:

Exemplo de imagem

Usando onload em um elemento <img>. Alerta "A imagem está carregada" imediatamente após o carregamento de uma imagem:

<img src="w3html.gif" onload="loadImage()" width="100" height="132">

<script>
function loadImage() {
alert("Image is loaded");
}
</script>

Exemplo de entrada

Usando onload em um elemento <input type="image">. Alerta "A imagem está carregada" imediatamente após o carregamento de uma imagem:

<input type="image" onload="loadImage()" src="img_submit.gif" alt="Submit">

<script>
function loadImage() {
alert("Image is loaded");
}
</script>

Suporte ao navegador

O onloadatributo tem o seguinte suporte do navegador para cada elemento:

Element
body	Yes	Yes	Yes	Yes	Yes
iframe	Yes	Yes	Yes	Yes	Yes
img	Yes	Yes	Yes	Yes	Yes
input type="image"	Yes	Yes	Yes	Yes	Yes
link	Yes	Yes	Yes	Yes	Yes
script	Yes	Yes	Yes	Yes	Yes
style	Yes	Yes	Yes	Yes	Yes