Javascript 如何以正确的方式在页面加载时启动函数？

检查了很多关于stackoverflow的信息，比如这里

但我仍然无法在加载时启动函数。我有一个：

代码在这里：

编辑：添加了

HTML+JS

代码 以下是js的代码：

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

$(document).on('pageinit', function () {
    setTimeout(toggleFullScreen,1000);
});

<input type="button" id="button" value="click to toggle" onclick="toggleFullScreen()">

和

Html

代码：

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

$(document).on('pageinit', function () {
    setTimeout(toggleFullScreen,1000);
});

<input type="button" id="button" value="click to toggle" onclick="toggleFullScreen()">

实际上，它只有在按下按钮时才起作用，但我没有成功地在页面加载时启动该功能

---

有什么建议吗？谢谢。

浏览器的安全策略不允许在用户操作之外请求全屏显示

阅读

该规范有意给予UAs很大的政策自由， 因为没有一个策略可以适合所有用户、设备和用户界面 设计。然而，这里有一个政策应该是可以接受的 传统的桌面浏览器

• 当窗口已处于全屏状态时，请求全屏已被批准
• 否则，用户操作（例如，非合成输入事件处理程序）之外的requestFullScreen将被拒绝
• 否则，不带允许键盘输入标志的requestFullScreen将被批准
• 否则，将显示被动确认UI，并在用户批准时批准requestFullScreen

还看到一个