javascript - Tıklandığında sayfayı yenileyen buton

Kullanıcının tıklamasıyla sayfayı yenileyecek bir butona ihtiyacım var. Şunu denedim:

<input type="button" value="Reload Page" onClick="reload">

veya

<input type="button" value="Refresh Page" onClick="refresh">

Ama ikisi de işe yaramadı.

Cevap #1

window.location.reload() ile onClick kullanın, örneğin :

<button onClick="window.location.reload();">Refresh Page</button>

Veya history.go(0), örneğin:

<button onClick="history.go(0);">Refresh Page</button>

Veya tam yenileme için window.location.href=window.location.href, örneğin:

<button onClick="window.location.href=window.location.href">Refresh Page</button>

Button elementi - developer.mozilla.org

Cevap #2

Bu benim için işe yarıyor:

function refreshPage(){
    window.location.reload();
} 

<button type="submit" onClick="refreshPage()">Refresh Button</button>

Cevap #3

Buradaki tüm cevapların satır içi onClick işleyicileri kullandığını fark ettim. Genellikle HTML ve Javascript'in ayrı tutulması önerilir.

İşte doğrudan butona bir tıklama olayı dinleyicisi ekleyen bir cevap. Butona tıklandığında, sayfanın mevcut URL ile yeniden yüklenmesine neden olan location.reload çağrılır.

const refreshButton = document.querySelector('.refresh-button');

const refreshPage = () => {
  location.reload();
}

refreshButton.addEventListener('click', refreshPage)
.demo-image {
  display: block;
}
<button class="refresh-button">Refresh!</button>
<img class="demo-image" src="https://picsum.photos/200/300">

Cevap #4

<a onClick="window.location.reload()">Refresh</a>

Bu benim için gerçekten mükemmel çalışıyor.

İlgili makaleler