HTML5 -02- H5接口

2HTML接口使用

2.1网络接口

注：addEventListener() 方法用于向指定元素添加事件句柄。

提示： 使用 removeEventListener() 方法来移除 addEventListener() 方法添加的事件句柄。

例：

document.getElementById("myBtn").addEventListener("click", function(){
    document.getElementById("demo").innerHTML = "Hello World";
});

H5中网络接口 

/*1.ononline:网络连通的时候触发这个事件*/
window.addEventListener("online",function(){
    alert("网络连通了");
});

/*2.onoffline:网络断开时触发*/
window.addEventListener("offline",function(){
    alert("网络断开了");
})

2.2全屏接口

全屏操作的主要方法和属性
 1.requestFullScreen():开启全屏显示
   不同浏览器需要添加不同的前缀  chrome:webkit   firefox:moz   ie:ms   opera:o
 2.cancelFullScreen():退出全屏显示:也添加前缀，在不同的浏览器下.退出全屏只能使用document来实现
 3.fullScreenElement:是否是全屏状态，也只能使用document进行判断
 
        div.requestFullScreen();
        div.webkitRequestFullScreen();
        div.mozRequestFullScreen();
        /*使用能力测试添加不同浏览器下的前缀*/
        if(div.requestFullScreen){
            div.requestFullScreen();
        }

2.3FileReader

2.3.1 FileReader:读取文件内容

* 1.1 readAsText():读取文本文件(可以使用Txt打开的文件)，返回文本字符串&