Este atributo funciona cuando se ha cargado un objeto. Este atributo se usa principalmente dentro del elemento <body> para ejecutar un script. También se puede utilizar con otros elementos. Este atributo se utiliza para comprobar el tipo de navegador y la versión del navegador del visitante, y cargar la versión adecuada de la página web en función de la información.
Etiquetas admitidas:
- <cuerpo>
- <fotograma>
- <conjunto de marcos>
- <iframe>
- <img>
- <tipo de entrada=”imagen”>
- <enlace>
- <script>
- <estilo>
Sintaxis:
<element onload = "script">
Valor de atributo: este atributo contiene un script de valor único y se ejecuta cuando se activa el evento de carga. Este atributo está asociado con muchos elementos HTML.
Ejemplo 1:
html
<!DOCTYPE html>
<html>
<head>
<title>onload event attribute</title>
<script>
function Function() {
alert("Page is loaded");
}
</script>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body onload="Function()">
<h1>GeeksforGeeks</h1>
<h2>onload event attribute</h2>
</body>
</html>
Producción:
Ejemplo 2:
html
<!DOCTYPE html>
<html>
<head>
<title>onload event attribute</title>
</head>
<body>
<img src=
"https://media.geeksforgeeks.org/wp-content/uploads/geeksforgeeks-9.png"
onload="loadImage()" width="500" height="132">
<script>
function loadImage() {
alert("Image loaded successfully");
}
</script>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con el atributo onload se enumeran a continuación:
- Cromo
- explorador de Internet
- Firefox
- Safari
- Ópera