首页 > 技术文章 > H5新增javaScript新特性

zhzq1111 2019-11-11 16:14 原文

<!-- 
        H5-笔记总结

        1、全屏显示:任何元素都可全屏显示==调用函数  dom.requestFullScreen 全屏显示是某个元素调用
        各浏览器得加兼容前缀
        == 谷歌:webkitRequestFullScreen
        == 火狐:mozRequestFullScreen
        == 欧朋:oRequestFullScreen
        == IE: msRequestFullScreen
        封装函数:可通过能力检测处理各个浏览器的兼容问题
       
        2、取消全屏显示:document.cancelFullScreen ,取消全屏是document调用
        各浏览器得加兼容前缀
        == 谷歌:webkitCancelFullScreen
        == 火狐:mozCancelFullScreen
        == 欧朋:oCancelFullScreen
        == IE: msCancelFullScreen
        封装函数:可通过能力检测处理处理各个浏览器的兼容问题

        3、判断是否全屏 :document.isFullScreen ,判断是否全屏是document调用 返回结果是boolear值
        各浏览器得加兼容前缀
        == 谷歌:webkitIsFullScreen
        == 火狐:mozIsFullScreen
        == 欧朋:oIsFullScreen
        == IE: msIsFullScreen
        封装函数:可通过能力检测处理处理各个浏览器的兼容问题

        4.检测网络状态事件  online 和 offline
        当从断网到连网时,会触发回调函数   比如玩王者荣耀断网之后重连时弹出信息
        window.addEventListener('online',function(){
            console.log("网络已连接");
        })
        当从连网到断网
         window.addEventListener('offline'',function(){
            console.log("网络已连接");
        })
    -->

此系列持续更新中

推荐阅读