javascript - html 页面占用 100% 窗口大小且始终在顶部

标签 javascript jquery html css dom

注意:首先不要担心问题的第一部分,它的意思是作为第二部分的引用,

我能够通过使用这个获得完整的窗口:

window.open(getMe.getCand(), "_blank", "height=" + height + ",width=" + width + ",top=0,left=0,location=no,menubar=no,resizable=no,toolbar=no") 

来到我的问题的第二部分:我的页面底部被任务栏覆盖,如何让我的网页始终位于顶部?

我想要这个的原因:我正在尝试创建一个问答平台,所以一旦学生打开该页面,我不希望他在桌面上看到该页面以外的任何内容,基本上是为了避免任何作弊

最佳答案

我不确定您是否可以使用标准网络浏览器以万无一失的方式实现这一点。窗口是否可以位于 Windows 开始栏之上是一项操作系统设置,可通过右键单击开始栏并选择“属性”(但我认为在最新的 Windows 中,它们甚至不再有该设置)。

如果您的目标浏览器支持,也许更好的解决方案是使用 HTML5 fullscreen API :

<html>
<head>
    <title>Fullscreen Test</title>
</head>
<body>

    <a href="#">Start</a>

    <script>
    // Find the right method, call on correct element
    function launchFullscreen(element) {
      if(element.requestFullscreen) {
        element.requestFullscreen();
      } else if(element.mozRequestFullScreen) {
        element.mozRequestFullScreen();
      } else if(element.webkitRequestFullscreen) {
        element.webkitRequestFullscreen();
      } else if(element.msRequestFullscreen) {
        element.msRequestFullscreen();
      }
    }

    // Launch fullscreen for browsers that support it!
    document.querySelector("a").onclick = function() { launchFullscreen(document.documentElement); }; // the whole page
    </script>

</body>
</html>

请注意,全屏不能在页面加载时触发 - 它必须由用户操作触发,例如单击“开始”按钮。也许你的窗口可以开始时只显示一个开始按钮,它会触发全屏并显示问答。

但是,无法阻止他们按 Escape 返回正常窗口。就像无法阻止他们按 Alt+F4 或 Ctrl+Alt+Delete 关闭浏览器窗口一样。如果没有自定义演示软件,您将无法限制该功能。

关于javascript - html 页面占用 100% 窗口大小且始终在顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22401982/

相关文章:

php - 每次点击时使用ajax调用将从mysql获取的数据插入div中

javascript - 试图把我的按钮放在前面,试过 zIndex 吗?

javascript - 避免 eval(),我需要一种将多个参数传递给变量函数的方法

jquery - 传递给 MVC Action 的 JSON Date 参数始终为 null

javascript - 有没有办法让 jQuery 的 .on() 函数更好地处理 promises?

javascript - 字符串被检测为代码

javascript - Angular ng-model Controller 对于属性工作正常,但对于元素不工作

javascript - Spring boot,WebSocket不向指定用户发送通知

javascript - 通过他的URL动态定义图片的宽度是真的吗?

javascript - 将文本框值增加 0.25