javascript - 使用 JavaScript 在浏览器中触发全屏

标签 javascript jquery

Possible Duplicate:
How to make in Javascript full screen windows (stretching all over the screen)

目前我尝试做类似的事情,当您单击全屏按钮时,当前窗口将变为全屏。我尝试使用以下脚本,但它不起作用。关于如何实现这项工作有什么想法吗?

<script type="text/javascript">
window.onload = maxWindow;

function maxWindow() {
    window.moveTo(0, 0);

    if (document.all) {
        top.window.resizeTo(screen.availWidth, screen.availHeight);
    }
    else if (document.layers || document.getElementById) {
        if (top.window.outerHeight < screen.availHeight || top.window.outerWidth < screen.availWidth) {
            top.window.outerHeight = screen.availHeight;
            top.window.outerWidth = screen.availWidth;
        }
    }
}
</script>

最佳答案

一些较新的浏览器支持一个新的 API,它可以让您让任何元素占据整个屏幕:

参见http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/了解更多信息,包括使用该功能的 jQuery 插件。

关于javascript - 使用 JavaScript 在浏览器中触发全屏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8338736/

相关文章:

javascript - 未捕获的 TypeError : Masonry. init 不是函数

javascript - 我的自动 jquery slider 的播放/暂停按钮

javascript - 在浏览器刷新时更改 JS 中的颜色

javascript - 使用 setTimeout 延迟 $.each() 函数

javascript - 回调和递增变量

javascript - 传递给 IIFE 的对象属性(数字)的类型返回未定义。为什么?

javascript - console.log javascript 对象/类 - 原型(prototype)更​​改前后的结果相同

javascript - 背景图片div可点击

javascript - Localstorage - 在 id = 处插入演示值

javascript - 在成功调用之外使用通过 Ajax 加载的 XML 文件内容