클릭시 페이지를 새로 고치는 버튼

사용자가 클릭하면 페이지를 새로 고치는 버튼이 필요합니다. 나는 이것을 시도했다 :

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

Button 요소-developer.mozilla.org

이것은 나를 위해 작동합니다

HTML

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

자바 스크립트

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

다른 것들은 정확히 재장 전하지 않습니다. 텍스트 상자 안에 값을 유지합니다.

클릭시 페이지를 새로 고침하는 버튼

window.location.reload ()와 함께 onClick 버튼 사용 :

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

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

이것은 재미있어 보일 수 있지만 실제로는 트릭을 수행합니다.

여기의 모든 답변이 인라인 onClick핸들러를 사용한다는 것을 알았습니다 . 일반적으로 HTML과 자바 스크립트를 별도로 유지하는 것이 좋습니다.

다음은 클릭 이벤트 리스너 를 버튼에 직접 추가하는 답변입니다 . 클릭하면 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};

필요한 경로로 이동하고 재전송 프롬프트가 표시되지 않습니다.