Bazen geliştiriciler, içeriği kullanıcı eylemlerine bağlı olarak değişebilen bloglar veya web siteleri gibi web uygulamaları oluştururken web sayfasını sık sık yenilemek isterler. Bu kullanıcı etkileşimlerine dayalı güncellenmiş bilgiler, sayfa yenilendiğinde veya yeniden yüklendiğinde görüntülenecektir. Bu amaçla JavaScript, aşağıda tartışılacak olan önceden oluşturulmuş bazı yöntemler sunar.
Bu gönderi, JavaScript kullanarak bir sayfayı yeniden yüklemenin yollarını gösterecek.
JavaScript Kullanarak Sayfa Nasıl Yeniden Yüklenir?
Bir sayfayı yeniden yüklemek veya yenilemek için JavaScript'te aşağıdaki yöntemleri kullanın:
Yöntem 1: reload() Yöntemini Kullanarak Bir Sayfayı Yeniden Yükleme
Kullan ' konum.yeniden yükle() ” Sayfayı yeniden yüklemek için yöntem. Tıpkı bir tarayıcının yenile düğmesi gibi davranır. “ Tekrar yükle() ” yöntemi sayfanın yeniden yüklenmesinden sorumluyken, “ yer ”, ilişkilendirildiği nesnenin gerçek konumunu (URL) gösteren bir arabirimdir. Yenilenecek sayfanın URL'sine ' belge.konum ' veya ' pencere.konum ”.
Sözdizimi
Geçerli sayfayı reload() yöntemini kullanarak yeniden yüklemek için aşağıdaki sözdizimini kullanın:
pencere.konum.yeniden yükle ( ) ;Örnek 1: Düğmeye Tıklandığında Yenile
Bir düğme oluşturun ve bir “ tıklamada ” ön tanımlı JavaScript'i çağıracak olay” Tekrar yükle() ' yöntem:
< buton tıklamada = 'window.location.reload()' > Yenile / SAYFAYI yeniden yuklemek buton >Çıktı, bir düğmeye tıklandığında sayfanın yenilendiğini veya yeniden yüklendiğini gösterir:
Örnek 2: reload() Yöntemiyle setTimeout() Yöntemini Kullanarak Otomatik Yenileme
“ düğmesini kullanarak sayfayı otomatik olarak yenilemek için zamanı ayarlayın. setTimeout() ' yöntem. İlk önce bir metot tanımlayacağız” yenile() ”, o zamandan sonra sayfayı yenilemek için parametre olarak bir zaman aralığı alır. setTimeout() yöntemini ve ardından reload() yöntemini çağırın:
işlev yenile ( zaman ) {setTimeout ( ( ) = > {
belge.konum.yeniden yükle ( doğru ) ;
} , zaman ) ;
}
Burada, her iki saniyede bir sayfayı yenilemek için süreyi 2 saniye olarak ayarlayacağız:
pencere.onload = yenile ( 2000 ) ;Gördüğünüz gibi sayfa 2 saniye sonra otomatik olarak yenileniyor:
Yöntem 2: go() Yöntemini Kullanarak Sayfayı Yeniden Yükleme
Bir sayfayı yenilemek için başka bir yaklaşım da “ tarih.go() ' yöntem. Pozitif veya negatif bir değer vermek, her zamanki gibi ileri veya geri hareket etmek için kullanılabilir. Yenileme için “ 0 ” nötr değer ya da hiç.
Sözdizimi
Sayfayı yeniden yüklemek için verilen sözdizimini izleyin:
tarih.go ( )Misal
Burada arayacağız “ tarih.go() Butonun click olayındaki methodu:
< buton tıklamada = 'tarih.go()' > Yenile / SAYFAYI yeniden yuklemek buton >Çıktı
Bu tamamen JavaScript kullanarak web sayfalarını yeniden yüklemek/yenilemekle ilgili.
Çözüm
Bir web sayfasını JavaScript kullanarak yeniden yüklemek için “ pencere.konum.yeniden yükle() ” yöntemi veya “ tarih.go() ' yöntem. reload() yöntemi, web sayfalarını yeniden yüklemek veya yenilemek için en sık kullanılan yaklaşımdır. Bu gönderi, JavaScript kullanarak bir sayfayı yenilemenin yollarını gösterdi.