때때로 개발자는 사용자 작업에 따라 콘텐츠가 달라질 수 있는 블로그나 웹 사이트와 같은 웹 응용 프로그램을 만드는 동안 웹 페이지를 자주 새로 고치기를 원합니다. 이러한 사용자 상호 작용을 기반으로 업데이트된 모든 정보는 페이지를 새로 고치거나 다시 로드할 때 표시됩니다. 이를 위해 JavaScript는 아래에서 설명할 몇 가지 미리 빌드된 메서드를 제공합니다.
이 게시물은 JavaScript를 사용하여 페이지를 다시 로드하는 방법을 설명합니다.
JavaScript를 사용하여 페이지를 다시 로드하는 방법은 무엇입니까?
페이지를 다시 로드하거나 새로 고치려면 JavaScript에서 다음 메소드를 사용하십시오.
방법 1: reload() 메서드를 사용하여 페이지 다시 로드
사용 ' 위치.재로드() ” 메서드를 사용하여 페이지를 다시 로드합니다. 브라우저의 새로 고침 버튼처럼 작동합니다. “ 새로고침() ” 메서드는 페이지 새로고침을 담당하고 “ 위치 ”는 연결된 개체의 실제 위치(URL)를 나타내는 인터페이스입니다. 새로 고칠 페이지의 URL은 ' 문서.위치 ' 또는 ' 창.위치 '.
통사론
reload() 메소드를 사용하여 현재 페이지를 다시 로드하려면 다음 구문을 사용하십시오.
창.위치.재로드 ( ) ;예 1: 버튼 클릭 시 새로 고침
버튼을 만들고 ' 온 클릭 ' 사전 정의된 JavaScript를 호출하는 이벤트 ' 새로고침() ' 방법:
< 단추 온 클릭 = '창.위치.재로드()' > 새로 고치다 / 페이지 새로고침 단추 >출력은 버튼 클릭 시 페이지가 새로 고쳐지거나 다시 로드됨을 나타냅니다.
예제 2: setTimeout() 메서드와 reload() 메서드를 사용한 자동 새로 고침
'를 사용하여 페이지를 자동으로 새로 고칠 시간을 설정하십시오. setTimeout() ' 방법. 먼저 “ 새로 고치다() ”는 시간 간격을 매개 변수로 사용하여 해당 시간 이후에 페이지를 새로 고칩니다. setTimeout() 메서드를 호출한 다음 reload() 메서드를 호출합니다.
기능 새로 고치다 ( 시각 ) {setTimeout ( ( ) = > {
문서.위치.재로드 ( 진실 ) ;
} , 시각 ) ;
}
여기에서는 2초마다 페이지를 새로고침하는 시간을 2초로 설정합니다.
window.onload = 새로 고침 ( 2000년 ) ;2초 후에 페이지가 자동으로 새로 고쳐지는 것을 볼 수 있습니다.
방법 2: go() 메서드를 사용하여 페이지 다시 로드
페이지를 새로 고치는 또 다른 방법은 ' history.go() ' 방법. 양수 또는 음수 값을 주는 것은 평소와 같이 앞뒤로 이동하는 데 사용할 수 있습니다. 새로고침하려면 ' 0 ” 중립적 가치 또는 아무것도.
통사론
페이지를 새로고침하려면 다음 구문을 따르세요.
history.go ( )예
여기서는 ' history.go() 버튼의 클릭 이벤트에서 ” 메서드:
< 단추 온 클릭 = 'history.go()' > 새로 고치다 / 페이지 새로고침 단추 >산출
JavaScript를 사용하여 웹 페이지를 다시 로드/새로 고침하는 것이 전부입니다.
결론
JavaScript를 사용하여 웹 페이지를 다시 로드하려면 ' 창.위치.재로드() ” 방법 또는 “ history.go() ' 방법. reload() 메서드는 웹 페이지를 다시 로드하거나 새로 고치는 데 가장 일반적으로 사용되는 방법입니다. 이 게시물에서는 JavaScript를 사용하여 페이지를 새로 고치는 방법을 설명했습니다.