Daima <body> etiketi ile kullanılır. Sayfa yüklendikten sonra gerçekleşecek olayları yerine getirir.
<!DOCTYPE HTML>
<html>
<head>
<**** charset="UTF-8" />
<**** name="viewport" content="width=device-width" />
<title>@ViewBag.Title</title>
<s c r i p t>
function hosGeldiniz() {
alert("Sayfamıza hoş geldiniz!");
}
</script>
</head>
<body onload="hosGeldiniz()">
<div>
@RenderBody()
</div>
</body>
</html>
hosGeldiniz( ) isimli bir fonksiyon tanımladım ve bu fonksiyonumu onload olayı ile body etiketi içerisinde kullandım. Sayfam yüklendikten sonra "Sayfamıza hoş geldiniz!" bildirimi yayınlanacaktır. onload olayı bu şekilde çalışmaktadır.
<!DOCTYPE HTML>
<html>
<head>
<**** charset="UTF-8" />
<**** name="viewport" content="width=device-width" />
<title>@ViewBag.Title</title>
<s c r i p t>
window.onload = alert("Sayfamıza hoş geldiniz!");
</script>
</head>
<body>
<div>
@RenderBody()
</div>
</body>
</html>
Bu kodları onload olayını kullanmadan bu şekilde de yazabiliriz.
<!DOCTYPE HTML>
<html>
<head>
<**** charset="UTF-8" />
<**** name="viewport" content="width=device-width" />
<title>@ViewBag.Title</title>
<s c r i p t>
function hosGeldiniz() {
alert("Sayfamıza hoş geldiniz!");
}
</script>
</head>
<body onload="hosGeldiniz()">
<div>
@RenderBody()
</div>
</body>
</html>
hosGeldiniz( ) isimli bir fonksiyon tanımladım ve bu fonksiyonumu onload olayı ile body etiketi içerisinde kullandım. Sayfam yüklendikten sonra "Sayfamıza hoş geldiniz!" bildirimi yayınlanacaktır. onload olayı bu şekilde çalışmaktadır.
<!DOCTYPE HTML>
<html>
<head>
<**** charset="UTF-8" />
<**** name="viewport" content="width=device-width" />
<title>@ViewBag.Title</title>
<s c r i p t>
window.onload = alert("Sayfamıza hoş geldiniz!");
</script>
</head>
<body>
<div>
@RenderBody()
</div>
</body>
</html>
Bu kodları onload olayını kullanmadan bu şekilde de yazabiliriz.