JavaScript에서 페이지 새로 고침 및 다시 로드를 어떻게 감지할 수 있습니까?

JavaScript에서 페이지 새로 고침 및 다시 로드 감지

페이지 새로 고침 또는 다시 로드를 감지하는 것은 이러한 브라우저 작업에 응답하는 기능을 구현하는 데 중요합니다. 페이지를 새로 고치거나 다시 로드하면 모든 콘텐츠가 다시 로드되고 애플리케이션 상태가 재설정됩니다.

페이지 새로 고침 확인

페이지에 새로 고쳐지면 window.performance.navigation 개체를 사용할 수 있습니다. 이 개체는 페이지 탐색 기록에 대한 정보를 제공합니다. 특히 다음 속성을 사용할 수 있습니다.

performance.navigation.type

이 속성은 다음 값 중 하나를 반환합니다.

• 0(TYPE_NAVIGATE): 페이지가 처음으로 로드되거나 다른 URL에서 탐색했습니다
• 1(TYPE_RELOAD): 페이지는 다음과 같습니다. reloaded

예:

다음 코드는 페이지가 새로 고쳐졌는지 확인하고 다음과 같은 경우 경고를 표시합니다.

if (performance.navigation.type == performance.navigation.TYPE_RELOAD) {
  alert("Page has been refreshed!");
}

참고: window.performance.navigation 개체는 최신 버전에서 더 이상 사용되지 않습니다. 브라우저. 보다 최신 접근 방식을 보려면 해당 답변에 제공된 개선된 답변을 참조하세요.

위 내용은 JavaScript에서 페이지 새로 고침 및 다시 로드를 어떻게 감지할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!