如何用Javascript使窗口全屏化(伸展到整个屏幕)?

我怎样才能用JavaScript使访问者的浏览器进入全屏状态,并能在IE、Firefox和Opera上运行?

解决办法

这是你在JavaScript中所能得到的最接近全屏的效果。

<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> 
评论(12)

幸运的是,对于毫无戒心的网络用户来说,这不能只用javascript来完成。你需要编写针对浏览器的插件,如果它们还不存在的话,然后以某种方式让人们下载它们。你能得到的最接近的是一个没有工具或导航栏的最大化窗口,但用户仍然能够看到网址。

window.open('http://www.web-page.com', 'title' , 'type=fullWindow, fullscreen, scrollbars=yes');">

但这通常被认为是不好的做法,因为它从用户那里拿走了很多浏览器的功能。

评论(0)

这可能支持







        Untitled Page
        <script type="text/javascript">
            function max()
            {
               window.open("", "_self", "fullscreen=yes, scrollbars=auto"); 
            }
        </script>



        <div>
        This is Test Page
        </div>


评论(0)