php让浏览器全屏,js实现各浏览器全屏代码

本篇文章给大家分享了js实现各浏览器全屏的详细代码，有兴趣的朋友可以参考学习下。

现代浏览器包括ie11，可以直接用h5的全屏api实现

低版本的IE需要通过ActiveX插件实现；

//直接上代码

现代浏览器全屏

现代浏览器退出

低版本ie全屏

//全屏

function fullScreen(){

var el = document.documentElement;

var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullscreen;

if(typeof rfs != "undefined" && rfs) {

rfs.call(el);

};

return;

}

//退出全屏

function exitScreen(){

if (document.exitFullscreen) {

document.exitFullscreen();

}

else if (document.mozCancelFullScreen) {

document.mozCancelFullScreen();

}

else if (document.webkitCancelFullScreen) {

document.webkitCancelFullScreen();

}

else if (document.msExitFullscreen) {

document.msExitFullscreen();

}

if(typeof cfs != "undefined" && cfs) {

cfs.call(el);

}

}

//ie低版本的全屏，退出全屏都这个方法

function iefull(){

var el = document.documentElement;

var rfs = el.msRequestFullScreen;

if(typeof window.ActiveXObject != "undefined") {

//这的方法 模拟f11键，使浏览器全屏

var wscript = new ActiveXObject("WScript.Shell");

if(wscript != null) {

wscript.SendKeys("{F11}");

}

}

}

//注：ie调用ActiveX控件，需要在ie浏览器安全设置里面把 ‘未标记为可安全执行脚本的ActiveX控件初始化并执行脚本' 设置为启用

注：实际应用中，可通过区分ie11 ie10，其它浏览器，控制按钮的显示、隐藏来实现 适用各浏览器的全屏功能；

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

相关推荐：