Exemplo
Executar um JavaScript imediatamente após uma página foi carregada:
<body onload="myFunction()"> Tente você mesmo " Mais "Tente você mesmo" exemplos abaixo.
Definição e Uso
O onload atributo é acionado quando um objeto foi carregado.
onload é mais frequentemente usado dentro do <body> elemento para executar um script uma vez uma página web foi carregado completamente todo o conteúdo (incluindo imagens, arquivos de script, arquivos CSS, etc.). No entanto, ele pode ser usado em outros elementos, bem como (ver "tags HTML compatíveis" abaixo).
O onload atributo pode ser utilizado para verificar a versão tipo de navegador e o navegador do visitante, e carregar a versão apropriada da página da web com base na informação.
O onload atributo também pode ser usado para lidar com os cookies (consulte "Mais exemplos" abaixo).
Suporte a navegadores
| atributo do evento | |||||
|---|---|---|---|---|---|
| onload | sim | sim | sim | sim | sim |
Diferenças entre HTML 4.01 e HTML5
Nenhum.
Sintaxe
<elementonload=" script ">
Os valores dos atributos
| Valor | Descrição |
|---|---|
| script | O script a ser executado no onload |
Detalhes técnicos
| tags HTML suportados: | <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> e <style> |
|---|
mais Exemplos
Exemplo
Usando onload em uma <img> elemento. Alerta "Imagem é carregado" imediatamente após uma imagem foi carregada:
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is
loaded");
}
</script>
Tente você mesmo " Exemplo
Usando o evento onload para lidar com cookies (usando "advanced" javascript):
<body onload="checkCookies()">
<p id="demo"></p>
<script>
function checkCookies() {
var text = "";
if (navigator.cookieEnabled == true) {
text = "Cookies are enabled.";
} else {
text =
"Cookies are not enabled.";
}
document.getElementById("demo").innerHTML = text;
}
</script>
Tente você mesmo " Páginas relacionadas
HTML DOM de referência: evento onload