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

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

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

스 니펫 확장