Navigation：navigateerror 事件

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

实验性: 这是一项实验性技术
在将其用于生产之前，请仔细检查浏览器兼容性表格。

Navigation 接口的 navigateerror 事件在导航失败后触发。

例如，如果网络中断，则调用任何 fetch() 方法处理导航都将失败，错误将被路由到 navigateerror。

语法

在诸如 addEventListener() 之类的方法中使用事件名称，或设置事件处理器属性。

js
addEventListener("navigateerror", (event) => {});

onnavigateerror = (event) => {};

事件类型

ErrorEvent。继承自 Event。

Event ErrorEvent

示例

你可以通过隐藏先前显示的进度指示器来处理成功的导航，如下所示：

js
navigation.addEventListener("navigatesuccess", (event) => {
  loadingIndicator.hidden = true;
});

或者你可能会在失败时显示一条错误消息：

js
navigation.addEventListener("navigateerror", (event) => {
  loadingIndicator.hidden = true; // 也隐藏指示器
  showMessage(`无法加载页面：${event.message}`);
});

规范

Specification
HTML
# event-navigateerror

浏览器兼容性

BCD tables only load in the browser

参见