js打开全屏的方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js打开全屏的方法相关的知识,希望对你有一定的参考价值。


//方法1

function myShowModalDialog(url, width, height, fn) {
if (navigator.userAgent.indexOf("Chrome") > 0) {
        window.returnCallBackValue354865588 = fn;
        var paramsChrome = ‘height=‘ + height + ‘, width=‘ + width + ‘, top=‘ + (((window.screen.height - height) / 2) - 50) +
            ‘,left=‘ + ((window.screen.width - width) / 2) + ‘,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no‘;
        window.open(url, "newwindow", paramsChrome);
    }
    else {
        var params = ‘dialogWidth:‘ + width + ‘px;dialogHeight:‘ + height + ‘px;status:no;dialogLeft:‘
                    + ((window.screen.width - width) / 2) + ‘px;dialogTop:‘ + (((window.screen.height - height) / 2) - 50) + ‘px;‘;
        var tempReturnValue = window.showModalDialog(url, "", params);
        fn.call(window, tempReturnValue);
    }
}
function myReturnValue(value) {
    if (navigator.userAgent.indexOf("Chrome") > 0) {
        window.opener.returnCallBackValue354865588.call(window.opener, value);
    }
    else {
        window.returnValue = value;
    }
}
//调用
myShowModalDialog("Channel-Operation-" + jQuery(this).attr("data-id"),1920,1080, function (v) {
    if (v == 1) {
        loadList();
    }
});

 

//方法2
window.open("main.jsp","","fullscreen=1");

 



以上是关于js打开全屏的方法的主要内容,如果未能解决你的问题,请参考以下文章

js指定元素全屏并监听退出全屏

html5+canvas全屏的520爱心表白网页代码

JS实现浏览器全屏

怎么使chrome全屏的代码

设置Activity全屏的方法:

html+css+js制作520表白网页,全屏的爱心和表白语网页动画