JavaScript实现浏览器全屏功能

作者:流萤时间:2026-10-29 07:49:04浏览:570

本文介绍如何使用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}");
    }
 }
}

以上就是本文的全部内容,希望对大家有所帮助。

作者最新文章