Button 加载链接后，是否可以使此全屏（F11）按钮继续工作？

我的主页上有一个按钮，可以让浏览器进入全屏/F11。它使用以下代码：

<p>
<button id="btnFullscreen" type="button">Toggle Full Screen Ahead</button>
</p>

<style>

#exampleImage { cursor:zoom-in; }
#exampleImage:-webkit-full-screen { cursor:zoom-out; }
#exampleImage:-moz-full-screen { cursor:zoom-out; }
#exampleImage:-ms-fullscreen { cursor:zoom-out; }
#exampleImage:fullscreen { cursor:zoom-out; }

</style>



<script>

function toggleFullscreen(elem) {
elem = elem || document.documentElement;
if (!document.fullscreenElement && !document.mozFullScreenElement &&
!document.webkitFullscreenElement && !document.msFullscreenElement) {
if (elem.requestFullscreen) {
  elem.requestFullscreen();
} else if (elem.msRequestFullscreen) {
  elem.msRequestFullscreen();
} else if (elem.mozRequestFullScreen) {
  elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
  elem.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
}
} else {
if (document.exitFullscreen) {
  document.exitFullscreen();
} else if (document.msExitFullscreen) {
  document.msExitFullscreen();
} else if (document.mozCancelFullScreen) {
  document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
  document.webkitExitFullscreen();
}
}
}

document.getElementById('btnFullscreen').addEventListener('click', function() {
toggleFullscreen();
});

document.getElementById('exampleImage').addEventListener('click', function() {
toggleFullscreen(this);
});

</script>

向前切换全屏

#示例图像{光标：放大；}
#示例图像：-webkit全屏{光标：缩小；}
#示例图像：-moz全屏{光标：缩小；}
#示例图像：-ms全屏{光标：缩小；}
#示例图像：全屏{光标：缩小；}
功能切换全屏（elem）{
elem=elem | | document.documentElement；
如果（！document.fullscreenElement&&！document.mozFullScreenElement&&
！document.webkitFullscreenElement&！document.msFullscreenElement）{
if（元素请求全屏）{
元素请求全屏（）；
}else if（elem.msRequestFullscreen）{
elem.msRequestFullscreen（）；
}else if（元素mozRequestFullScreen）{
elem.mozRequestFullScreen（）；
}else if（元素webkitRequestFullscreen）{
元素webkitRequestFullscreen（元素允许键盘输入）；
}
}否则{
if（document.exitFullscreen）{
document.exitFullscreen（）；
}else if（document.msexit全屏）{
document.msExitFullscreen（）；
}else if（document.mozCancelFullScreen）{
document.mozCancelFullScreen（）；
}else if（document.webkitExitFullscreen）{
document.webkitExitFullscreen（）；
}
}
}
document.getElementById（'btnFullscreen'）。addEventListener（'click'，function（））{
切换全屏（）；
});
document.getElementById（'exampleImage'）。addEventListener（'click'，function（）{
切换全屏（此）；
});

我对编码很陌生，在这方面遇到了很多麻烦。 有没有办法让它在继续浏览另一页时保持全屏？ 或者用另一种方法来完成同样的任务

谢谢你抽出时间