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

时间:2011-12-01 09:02:46

标签: javascript jquery

  

可能重复:
  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>

2 个答案:

答案 0 :(得分:4)

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

有关详细信息,请参阅http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/,包括使用该功能的jQuery插件。

答案 1 :(得分:3)

window.resize已在现代浏览器中禁用。您只能在自己的弹出窗口中使用它。

https://hacks.mozilla.org/2011/09/whats-new-for-web-developers-in-firefox-7/州:

  

网站无法再调整主浏览器窗口的大小

     

网站不再可能更改a的默认大小   浏览器中的窗口,根据以下规则:

     
      
  1. 您无法调整未由window.open创建的窗口或选项卡。
  2.   
  3. 如果窗口或标签位于包含多个标签的窗口中,则无法调整其大小。
  4.