javascript - 如何在加载时或需要时使页面全屏显示

Question

我正在为我的项目使用DataTables插件，但无法正常工作。我找到了解决方法，但我需要帮助。

当我使用Windows工具调整页面大小或打开控制台页面时，它正在更改大小，并且可以正常工作。

我尝试了此功能，它可以正常工作：

function toggleFullScreen(elem) {
  if ((document.fullScreenElement !== undefined && document.fullScreenElement === null) || (document.msFullscreenElement !== undefined && document.msFullscreenElement === null) || (document.mozFullScreen !== undefined && !document.mozFullScreen) || (document.webkitIsFullScreen !== undefined && !document.webkitIsFullScreen)) {
    if (elem.requestFullScreen) {
      elem.requestFullScreen();
    } else if (elem.mozRequestFullScreen) {
      elem.mozRequestFullScreen();
    } else if (elem.webkitRequestFullScreen) {
      elem.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
    } else if (elem.msRequestFullscreen) {
      elem.msRequestFullscreen();
    }
  } else {
    if (document.cancelFullScreen) {
      document.cancelFullScreen();
    } else if (document.mozCancelFullScreen) {
      document.mozCancelFullScreen();
    } else if (document.webkitCancelFullScreen) {
      document.webkitCancelFullScreen();
    } else if (document.msExitFullscreen) {
      document.msExitFullscreen();
    }
  }
}

当我单击此按钮时，它可以正常工作：

<button onclick="toggleFullScreen(document.body);">Click On Me</button>

但是，当我像这样使用此功能时：

toggleFullScreen(document.body);

它不起作用，并在控制台中显示：


  mozRequestFullScreen（）已弃用。
  
  由于未从运行时间较短的用户生成的事件处理程序内部调用Element.requestFullscreen（），因此拒绝全屏请求。
  
  TypeError：无法将表达式转换为返回指定的类型。

Answer 1

使用jQuery单击按钮而不是调用函数。
可以解决一些问题，但是可以满足您的需求。

jQuery('button').click();