Javascript 在单击链接时，将浏览器转换为全屏将恢复正常

我正在构建一个基于web的管理软件，并希望添加一个选项，将其放大到全屏，以获得尽可能多的空间。 为此，我尝试了一些jquery插件和以下代码

 function toggleFullScreen() {
   if (!document.fullscreenElement &&    // alternative standard method
    !document.mozFullScreenElement && !document.webkitFullscreenElement) {  // current working methods
     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();
      }
   }
 }

问题是，当我点击任何链接并重新加载页面时，它会恢复到正常模式。 在键盘上单击F11时不会发生这种情况。

---

这是api的限制，或者有一种方法可以完美地模拟F11模式？

“只是拥有尽可能多的空间”我认为这不足以保证全屏功能。你真的有一个界面，你绝对需要那100个额外的像素吗？一些用户安装了许多浏览器栏，比如爱普生aol ecc，通常超过100px，有时屏幕分辨率低于1366px。我只想添加一个选项，使其更可用。@MelanciaUK这不是一个重复项，因为我在进入或退出全屏时没有问题，但当页面重新加载时，请保持浏览器全屏。撤回投票。