JavaScript'te bu olay, sayfa tamamen görüntülendiğinde belirli bir işlevi başlatmak için geçerli olabilir. Ayrıca ziyaretçinin tarayıcısının türünü ve sürümünü doğrulamak için de kullanılabilir. Bir sayfanın hangi çerezleri kullandığını aşağıdakileri kullanarak kontrol edebiliriz: aşırı yükleme bağlanmak.
HTML'de onload özelliği, bir nesne yüklendiğinde tetiklenir. Bu özelliğin amacı, ilgili öğe yüklendiğinde bir komut dosyasını yürütmektir.
HTML'de, aşırı yükleme nitelik genellikle aşağıdakilerle birlikte kullanılır: web sayfasının içeriği (CSS dosyaları, resimler, komut dosyaları vb. dahil) tamamen yüklendikten sonra bir komut dosyasını çalıştıracak öğe. Diğer HTML elemanlarıyla birlikte kullanılabileceği için sadece tag ile kullanılmasına gerek yoktur.
Aradaki fark belge.yükleme Ve pencere.yükleme dır-dir: belge.yükleme görüntülerin ve diğer harici içeriğin yüklenmesinden önce tetiklenir. Daha önce ateş ediliyor pencere.yükleme . iken pencere.yükleme CSS dosyaları, komut dosyaları, resimler vb. dahil sayfanın tamamı yüklendiğinde tetiklenir.
Madhuri hadi dedi
Sözdizimi
window.onload = fun()
Bu olayı bazı örneklerle anlayalım.
xor c++
Örnek 1
Bu örnekte yüksekliği 200 piksel, genişliği 200 piksel olan bir div öğesi bulunmaktadır. Burada şunu kullanıyoruz: window.onload() arka plan rengini, genişliğini ve yüksekliğini değiştirmek için div Web sayfasını yükledikten sonra öğe.
Arka plan rengi şu şekilde ayarlandı: 'kırmızı' ve genişlik ve yükseklik şu şekilde ayarlandı: 300 piksel her biri.
window.onload() #bg{ width: 200px; height: 200px; border: 4px solid blue; } window.onload = function(){ document.getElementById('bg').style.backgroundColor = 'red'; document.getElementById('bg').style.width = '300px'; document.getElementById('bg').style.height = '300px'; } <h2> This is an example of window.onload() </h2> Şimdi Test Edin Çıktı
Kodun yürütülmesi ve sayfanın yüklenmesinden sonra çıktı şu şekilde olacaktır:
Örnek2
Bu örnekte DOM nesnesinin özelliklerini ve fonksiyonlarını kullanarak basit bir animasyon gerçekleştiriyoruz. javascript . biz kullanıyoruz JavaScript işlevi DOM nesnesini almak ve ardından bu nesneyi global bir değişkene atamak için getElementById() yöntemini kullanın.
sözlükbilimsel olarak
var img = null; function init(){ img = document.getElementById('myimg'); img.style.position = 'relative'; img.style.left = '50px'; } function moveRight(){ img.style.left = parseInt( img.style.left) + 100 + 'px'; } window.onload = init; <p>Click the below button to move the image right</p> Şimdi Test Edin Çıktı
Yukarıdaki kodun başarıyla yürütülmesinden sonra çıktı şu şekilde olacaktır:
Şimdi HTML'yi kullanacağımız bir örnek var aşırı yükleme öznitelik ve JavaScript işlevleri.
Örnek3
HTML kullanmanın basit bir örneğidir aşırı yükleme JavaScript'te tanımlanan işleve sahip öznitelik. Bu örnekte, uyarı() belge yenilendiğinde işlev çağrılır.
function fun() { alert('Hello World!!, Welcome to the javaTpoint.com'); } <p> Try to refresh the document to see the effect. </p> Şimdi Test Edin Çıktı
Java'da düzenli ifade
Yukarıdaki kodun yürütülmesinden sonra çıktı şu şekilde olacaktır:
