Button that refreshes the page on click

Question

I need a button that will refresh the page on the user s click   I tried this    lt input type  button  value  Reload Page  onClick  reload  gt    or   lt input type  button  value  Refresh Page  onClick  refresh  gt    But neither worked

User · Answer

I noticed that all the answers here use inline onClick handlers. It's generally recommended to keep HTML and Javascript separate.

Here's an answer that adds a click event listener directly to the button. When it's clicked, it calls location.reload which causes the page to reload with the current URL.

_x000D_

const refreshButton = document.querySelector('.refresh-button');_x000D_
_x000D_
const refreshPage = () => {_x000D_
  location.reload();_x000D_
}_x000D_
_x000D_
refreshButton.addEventListener('click', refreshPage)

_x000D_

.demo-image {_x000D_
  display: block;_x000D_
}

_x000D_

<button class="refresh-button">Refresh!</button>_x000D_
<img class="demo-image" src="https://picsum.photos/200/300">

_x000D_

User · Answer

just create the empty reference on link such as following     lt a href    onclick  dummy 0  return false    gt

User · Answer

lt button onclick location URL gt Refresh lt  button gt    This might look funny but it really does the trick

User · Answer

Use onClick with one of the following  window location reload    i e    lt button onClick  quot window location reload    quot  gt Refresh Page lt  button gt   Or history go 0   i e    lt button onClick  quot history go 0   quot  gt Refresh Page lt  button gt   Or window location href window location href for  full  reload  i e    lt button onClick  quot window location href window location href quot  gt Refresh Page lt  button gt    MDN page on the  lt button gt  element

User · Answer

lt button onClick  quot window location reload    quot  gt Reload lt  button gt   Or you can also use  lt form action  quot  lt same page url gt  quot  method  quot GET quot  gt   lt button gt Reload lt  button gt   lt  form gt   Note  Change  quot  lt same page link gt  quot  with the url of same page you want to reload  for example   lt form action  quot home html gt  method  quot GET quot  gt

User · Answer

This works for me  function refreshPage        window location reload         lt button type  quot submit quot  onClick  quot refreshPage   quot  gt Refresh Button lt  button gt

User · Answer

button that refresh the page on click  Use onClick button with window location reload      lt button onClick  window location reload     gt

User · Answer

lt a onClick  window location reload    gt Refresh lt  a gt    This really works perfect for me

User · Answer

window opener location href   workItem adm wiId     param wiId     It will go to the required path and you won t get any resend prompt

User · Answer

Use this its work fine for me to reload the same page    lt button onClick  window location reload     gt

User · Answer

If you are looking for a form reset    lt input type  reset  value  Reset Form Values   gt    or to reset other aspects of the form not handled by the browser   lt input type  reset  onclick  doFormReset     value  Reset Form Values   gt    Using jQuery  function doFormReset            invalid   removeClass  invalid

User · Answer

Though the question is for button  but if anyone wants to refresh the page using  lt a gt   you can simply do  lt a href  quot    quot  gt Reload lt  a gt

User · Answer

Only this realy reloads page  Today    lt input type  button  value  Refresh Page  onClick  location href location href  gt    Others do not exactly reload  They keep values inside text boxes

[javascript] Button that refreshes the page on click

Examples related to javascript

Examples related to button

Examples related to refresh

Examples related to reload