Tôi cần một nút sẽ làm mới trang khi người dùng nhấp vào. Tôi đã thử điều này:
<input type="button" value="Reload Page" onClick="reload">hoặc là
<input type="button" value="Refresh Page" onClick="refresh">Nhưng không hiệu quả.
Tôi cần một nút sẽ làm mới trang khi người dùng nhấp vào. Tôi đã thử điều này:
<input type="button" value="Reload Page" onClick="reload">hoặc là
<input type="button" value="Refresh Page" onClick="refresh">Nhưng không hiệu quả.
Câu trả lời:
Sử dụng onClickvới window.location.reload(), tức là:
<button onClick="window.location.reload();">Refresh Page</button>Hoặc history.go(0), tức là:
<button onClick="history.go(0);">Refresh Page</button>Hoặc window.location.href=window.location.hrefđể tải lại ' đầy đủ ', tức là:
<button onClick="window.location.href=window.location.href">Refresh Page</button>Điều này phù hợp với tôi
HTML
<button type="submit" onClick="refreshPage()">Refresh Button</button>JavaScript
<script>
function refreshPage(){
window.location.reload();
}
</script>
<a onClick="window.location.reload()">Refresh</a>Điều này thực sự làm việc hoàn hảo cho tôi.
Chỉ trang này tải lại thực sự (Hôm nay)
<input type="button" value="Refresh Page" onClick="location.href=location.href">Những người khác không tải lại chính xác. Chúng giữ các giá trị bên trong hộp văn bản.
<button onclick=location=URL>Refresh</button>Điều này trông có vẻ buồn cười nhưng nó thực sự là một mẹo nhỏ.
Tôi nhận thấy rằng tất cả các câu trả lời ở đây đều sử dụng onClicktrình xử lý nội tuyến . Thông thường, bạn nên giữ HTML và Javascript riêng biệt.
Đây là một câu trả lời thêm trực tiếp trình nghe sự kiện nhấp chuột vào nút. Khi được nhấp vào, nó sẽ gọi location.reload để tải lại trang bằng URL hiện tại.
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">Sử dụng điều này, công việc của nó tốt cho tôi để tải lại cùng một trang:
<button onClick="window.location.reload();"><button onClick="window.location.reload();">Reload</button>Hoặc bạn cũng có thể sử dụng
<form action="<same page url>" method="GET">
<button>Reload</button>
</form>
Lưu ý: Thay đổi "<same page link>"với url của cùng một trang mà bạn muốn tải lại. ví dụ:
<form action="home.html> method="GET">
Nếu bạn đang tìm cách đặt lại biểu mẫu:
<input type="reset" value="Reset Form Values"/>hoặc để đặt lại các khía cạnh khác của biểu mẫu không được trình duyệt xử lý
<input type="reset" onclick="doFormReset();" value="Reset Form Values"/>Sử dụng jQuery
function doFormReset(){
$(".invalid").removeClass("invalid");
}