ปุ่มที่รีเฟรชหน้าเมื่อคลิก

ฉันต้องการปุ่มที่จะรีเฟรชหน้าเมื่อคลิกของผู้ใช้ ฉันลองสิ่งนี้:

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

หรือ

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

แต่ไม่ได้ผล

ใช้onClickกับwindow.location.reload()เช่น:

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

หรือhistory.go(0)กล่าวคือ:

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

หรือwindow.location.href=window.location.hrefสำหรับการรีโหลด ' เต็ม ' กล่าวคือ:

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

องค์ประกอบปุ่ม - developer.mozilla.org

สิ่งนี้ใช้ได้กับฉัน

HTML

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

JavaScript

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

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

สิ่งนี้เหมาะกับฉันจริงๆ

เฉพาะหน้านี้โหลดซ้ำจริงๆ (วันนี้)

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

คนอื่นไม่ได้โหลดซ้ำ พวกเขาเก็บค่าไว้ในกล่องข้อความ

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

สิ่งนี้อาจดูตลก แต่มันเป็นเคล็ดลับจริงๆ

ปุ่มที่รีเฟรชหน้าเมื่อคลิก

ใช้ปุ่ม onClick กับ window.location.reload ():

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

ฉันสังเกตว่าคำตอบทั้งหมดที่นี่ใช้แบบอินไลน์ onClickตัวจัดการโดยทั่วไปแนะนำให้แยก HTML และ Javascript ออกจากกัน

นี่คือคำตอบที่เพิ่มListener เหตุการณ์การคลิกลงในปุ่มโดยตรง เมื่อคลิกจะเรียกlocation.reloadซึ่งทำให้หน้าโหลดซ้ำด้วย URL ปัจจุบัน

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

เพียงสร้างการอ้างอิงว่างบนลิงค์ดังต่อไปนี้

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

ใช้สิ่งนี้มันทำงานได้ดีสำหรับฉันในการโหลดหน้าเดิมซ้ำ:

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

แม้ว่าคำถามจะมีไว้สำหรับbuttonแต่หากใครต้องการรีเฟรชหน้าโดยใช้<a>คุณสามารถทำได้ง่ายๆ

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

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

หรือคุณยังสามารถใช้

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

หมายเหตุ: เปลี่ยน"<same page link>"ด้วย url ของหน้าที่คุณต้องการโหลดซ้ำ ตัวอย่างเช่น: <form action="home.html> method="GET">

หากคุณกำลังมองหาการรีเซ็ตแบบฟอร์ม:

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

หรือเพื่อรีเซ็ตลักษณะอื่น ๆ ของแบบฟอร์มที่เบราว์เซอร์ไม่ได้จัดการ

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

ใช้ jQuery

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

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

จะไปยังเส้นทางที่กำหนดและคุณจะไม่ได้รับการแจ้งเตือนอีกครั้ง