本文介绍如何使用JavaScript调用浏览器原生全屏API实现网页全屏显示。代码兼容主流现代浏览器,并针对旧版IE浏览器提供了通过ActiveXObject调用F11键的备用方案,确保在不同环境下均能触发全屏模式。
JavaScript实现浏览器全屏功能
实现该功能的逻辑清晰,代码结构简洁,此处不再赘述。
function fullScreen() {
var el = document.documentElement,
rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen,
wscript;
if(typeof rfs != "undefined" && rfs) {
rfs.call(el);
return;
}
if(typeof window.ActiveXObject != "undefined") {
wscript = new ActiveXObject("WScript.Shell");
if(wscript) {
wscript.SendKeys("{F11}");
}
}
}
function exitFullScreen() {
var el = document,
cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen,
wscript;
if (typeof cfs != "undefined" && cfs) {
cfs.call(el);
return;
}
if (typeof window.ActiveXObject != "undefined") {
wscript = new ActiveXObject("WScript.Shell");
if (wscript != null) {
wscript.SendKeys("{F11}");
}
}
}
以上就是本文的全部内容,希望对大家有所帮助。