이 문서는 아직 자원 봉사자들이 한국어로 번역하지 않았습니다. 참여해서 번역을 마치도록 도와 주세요!
English (US)의 문서도 읽어보세요.

The pageshow event is sent to a Window when the browser makes the window's document visible due to navigation tasks. This includes the process of initially loading the page, navigating to the page from another page within the same window or tab, or returning to the page using the browser's forward or back buttons.

When this event is sent during the page load process, it's sent after the load event.

Bubbles No
Cancelable No
Interface PageTransitionEvent
Event handler property onpageshow

Example

This example sets up event handlers for all of the events listed in the array events. The handler, eventLogger(), logs the type of event that occurred to the console, and includes the value of the persisted flag on pageshow and pagehide events.

JavaScript

const events = [
  "pagehide", "pageshow",
  "unload", "load"
];

const eventLogger = (event) => {
  switch(event.type) {
    case "pagehide":
    case "pageshow":
      let isPersisted = event.persisted ? "persisted" : "not persisted";
      console.log(`Event: ${event.type} - ${isPersisted}`);
      break;
    case "load":
    case "unload":
      console.log(`Event: ${event.type}`);
      break;
    default:
      console.log(`Event: ${event.type}`);
      break;
  }
};

events.forEach(eventName => {
  window.addEventListener(eventName, eventLogger, false);
});

HTML

<p>Open the console and watch the output as you navigate in and out of
this page. Try loading new pages into this tab and then navigate forward
and backward through history, noting the events output to the log.</p>

Results

Specifications

Specification Status Comment
HTML Living Standard
The definition of 'pageshow' in that specification.
Living Standard Initial specification.
HTML5
The definition of 'pageshow' in that specification.
Recommendation  

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
pageshow eventChrome ? Edge ? Firefox Full support 1.5IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Firefox Android Full support 4Opera Android ? Safari iOS ? Samsung Internet Android ?

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown

See also

문서 태그 및 공헌자

최종 변경자: wbamberg,