文章
当前位置:首页  > 数据可视化大屏开发 > 正文

2、大屏JavaScript代码

admin    发布于 2018-9-11 19:26:55   浏览()   评论()   收藏(0)
//全屏显示
function screenShow() {
    //弹出即全屏
    fullScreen();
    var index = layer.open({
        type: 2,
        content: '/admin/dingshu/index2.html',
        area: ['100%', '100%'],
        maxmin: false,
        skin: 'screenL'
    });
    layer.full(index);
}

//全屏代码
function fullScreen() {
    //全屏
    var docElm = document.documentElement;
    //W3C
    if (docElm.requestFullscreen) {
        docElm.requestFullscreen();
    }

        //FireFox
    else if (docElm.mozRequestFullScreen) {
        docElm.mozRequestFullScreen();
    }

        //Chrome等
    else if (docElm.webkitRequestFullScreen) {
        docElm.webkitRequestFullScreen();
    }

        //IE11
    else if (elem.msRequestFullscreen) {
        elem.msRequestFullscreen();
    }
}


附件下载

上一篇: 1、大屏数据可视化总结
下一篇: 3、FineReaport快速入门之四大步骤

共有条评论 网友评论

验证码: 看不清楚?
    JMCMS   版权所有 Copyright © 2028 All Rights Reserved     鲁ICP备15015027号-1    留言    订阅