HTML5-网络接口

原创于 2020-08-06 23:34:49 发布

· 230 阅读

0 ·

版权

文章标签：

#javascript #html5

HTML5笔记专栏收录该内容

16 篇文章

订阅专栏

本文探讨了HTML5中与网络状态相关的两个关键事件：ononline和onoffline。当网络连接恢复时，ononline事件被触发，而在网络断开连接时，onoffline事件会被触发，这些事件对于创建响应式Web应用至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.ononline:网络连通的时候触发这个事件
2.onoffline:网络断开时触发

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 1.ononline:网络连通的时候触发这个事件
        // window.οnοnline=function(){}
        window.addEventListener("online", function() {
            alert("网络连通了");
        })

        // 2.onoffline:网络断开时触发
        // window.οnοffline=function(){}
        window.addEventListener("offline", function() {
            alert("网络断开了");
        })
    </script>
</body>

</html>