以下是一个简单的例子，演示如何使用 onoffline 事件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>onoffline 事件示例</title>
</head>
<body>
<script>
window.addEventListener('offline', function() {
console.log('设备已离线！');
});
window.addEventListener('online', function() {
console.log('设备已上线！');
});
</script>
</body>
</html>
在这个例子中，使用 addEventListener 方法来监听 offline 和 online 事件。当设备离线时，会触发 offline 事件，输出 "设备已离线！" 到控制台；当设备重新上线时，会触发 online 事件，输出 "设备已上线！" 到控制台。
这种事件对于在网络连接状态发生变化时执行相应的操作非常有用，例如在网络不稳定的环境下提供用户反馈或调整应用程序的行为。
需要注意的是，并非所有浏览器都支持 offline 和 online 事件，因此在实际使用时最好做兼容性测试。
转载请注明出处：http://www.zyzy.cn/article/detail/4449/HTML