Tıklandığında sayfayı yenileyen düğme

Kullanıcı tıklamasında sayfayı yenileyecek bir düğmeye ihtiyacım var. Bunu denedim:

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

veya

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

Ama ikisi de işe yaramadı.

Kullanım onClickile window.location.reload()yani:

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

Veya history.go(0), yani:

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

Veya window.location.href=window.location.href' tam ' yeniden yükleme için, yani:

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

Düğme öğesi - developer.mozilla.org

Bu benim için çalışıyor

HTML

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

JavaScript

<script>
function refreshPage(){
    window.location.reload();
} 
</script>

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

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

Sadece bu gerçekten yeniden yüklenen sayfa (Bugün)

<input type="button" value="Refresh Page" onClick="location.href=location.href">

Diğerleri tam olarak yeniden yükleme yapmaz. Değerleri metin kutuları içinde tutarlar.

tıklandığında sayfayı yenileyen düğme

OnClick düğmesini window.location.reload () ile kullanın:

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

<button onclick=location=URL>Refresh</button>

Bu komik görünebilir ama gerçekten işe yarıyor.

Buradaki tüm yanıtların satır içi onClickişleyiciler kullandığını fark ettim . Genellikle HTML ve Javascript'i ayrı tutmanız önerilir.

Doğrudan düğmeye bir tıklama olayı dinleyicisi ekleyen bir cevap . Tıklandığında, location.reload'u çağırır ve bu da sayfanın mevcut URL ile yeniden yüklenmesine neden olur.

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">

sadece aşağıdaki gibi bağlantıdaki boş referansı oluşturun

 <a href="" onclick="dummy(0);return false;" >

Aynı sayfayı yeniden yüklemek için işini iyi kullan:

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

Soru bunun için olsa da button, herhangi biri kullanarak sayfayı yenilemek isterse <a>, şunları yapabilirsiniz:

<a href="./">Reload</a>

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

Veya şunu da kullanabilirsiniz:

<form action="<same page url>" method="GET">
<button>Reload</button>
</form>

Not: "<same page link>"Yeniden yüklemek istediğiniz aynı sayfanın url'si ile değiştirin . Örneğin: <form action="home.html> method="GET">

Bir form sıfırlama arıyorsanız:

<input type="reset" value="Reset Form Values"/>

veya formun tarayıcı tarafından işlenmeyen diğer yönlerini sıfırlamak için

<input type="reset" onclick="doFormReset();" value="Reset Form Values"/>

JQuery kullanma

function doFormReset(){
    $(".invalid").removeClass("invalid");
}

window.opener.location.href ='workItem.adm?wiId='+${param.wiId};

Gerekli yola gidecek ve herhangi bir yeniden gönderme istemi almayacaksınız.