PerformanceNavigationTiming.type

The type read-only property returns the type of navigation.

Value

A string containing one of the following values:

Navigation started by clicking a link, entering the URL in the browser's address bar, form submission, or initializing through a script operation other than reload and back_forward as listed below.

"reload"

Navigation is through the browser's reload operation or location.reload().

"back_forward"

Navigation is through the browser's history traversal operation.

"prerender"

Navigation is initiated by a prerender hint.

Examples

The following example illustrates this property's usage.

function printNavTimingData() {
  // Use getEntriesByType() to just get the "navigation" events
  performance.getEntriesByType("navigation")
    .forEach((p, i) => {
      console.log(`= Navigation entry[${i}]`);

      // DOM Properties
      console.log(`DOM content loaded = ${p.domContentLoadedEventEnd - p.domContentLoadedEventStart}`);
      console.log(`DOM complete = ${p.domComplete}`);
      console.log(`DOM interactive = ${p.domInteractive}`);

      // Document load and unload time
      console.log(`document load = ${p.loadEventEnd - p.loadEventStart}`);
      console.log(`document unload = ${p.unloadEventEnd - p.unloadEventStart}`);

      // Other properties
      console.log(`type = ${p.type}`);
      console.log(`redirectCount = ${p.redirectCount}`);
    });
}

Specifications

Specification
Navigation Timing Level 2
# dom-performancenavigationtiming-type

Browser compatibility

BCD tables only load in the browser