以下是一个简单的示例，演示如何使用 onoffline 事件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<p id="status">当前网络状态：在线</p>
<script>
// 获取显示状态的元素
var statusElement = document.getElementById("status");
// 添加 onoffline 事件监听器
window.addEventListener("offline", function() {
// 网络离线时触发的操作
statusElement.innerText = "当前网络状态：离线";
});
// 添加 ononline 事件监听器
window.addEventListener("online", function() {
// 网络在线时触发的操作
statusElement.innerText = "当前网络状态：在线";
});
</script>
</body>
</html>
在这个例子中，我们通过 window.addEventListener 方法为 offline 事件和 online 事件添加了监听器。当网络离线时，onoffline 事件会被触发，更新状态信息；当网络重新在线时，ononline 事件会被触发，同样更新状态信息。
要点总结：
- onoffline 事件用于处理网络连接状态变为离线时的情况。
- window.addEventListener("offline", handler) 可以用来为 offline 事件添加监听器。
- ononline 事件则用于处理网络连接状态变为在线时的情况。
转载请注明出处：http://www.zyzy.cn/article/detail/6251/JavaScript 和 HTML DOM