HTML yükleme Özelliği
Tanım ve Kullanım
Onload özelliği, bir nesne yüklendiğinde tetiklenir.
onload, bir web sayfası tüm içeriği (resimler, komut dosyaları, CSS dosyaları vb. dahil) tamamen yükledikten sonra bir komut dosyasını yürütmek için çoğunlukla <body> öğesi içinde kullanılır. Ancak, diğer öğelerde de kullanılabilir (aşağıdaki "Desteklenen HTML etiketleri" bölümüne bakın).
Giriş öğeleri için, onload niteliği yalnızca <input type="image"> olduğunda desteklenir
Onload niteliği, ziyaretçinin tarayıcı türünü ve tarayıcı sürümünü kontrol etmek ve bilgilere göre web sayfasının uygun sürümünü yüklemek için kullanılabilir.
Şunlar için geçerlidir:
onload özelliği, Event Attributes öğesinin bir parçasıdır ve aşağıdaki öğelerde kullanılabilir:
Elementler |
---|
<body> |
<iframe> |
<img> |
<giriş> |
<bağ> |
<script> |
<stil> |
Örnekler
Gövde Örneği
Bir sayfa yüklendikten hemen sonra bir JavaScript yürütün:
<body onload="myFunction()">
Resim Örneği
Bir <img> öğesinde aşırı yük kullanma. Bir resim yüklendikten hemen sonra "Resim yüklendi" uyarısı:
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Giriş Örneği
Bir <input type="image"> öğesinde aşırı yük kullanma. Bir resim yüklendikten hemen sonra "Resim yüklendi" uyarısı:
<input type="image" onload="loadImage()" src="img_submit.gif" alt="Submit">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Tarayıcı Desteği
Nitelik onload
, her öğe için aşağıdaki tarayıcı desteğine sahiptir:
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 |