Javascript 使div'；全屏'；一按按钮？

我有一个div，我想全屏（窗口大小的100%宽度/高度）点击一个单独的按钮、图像或链接。我将如何使用Javascript/jQuery来实现这一点？

其他解决方案描述了如何使用隐藏浏览器chrome，从10月20日起得到了很好的支持

此jQuery将元素展开到视口：

$('#theButton').click(function() {
    $('#theDiv').css({
        position: 'fixed',
        top: 0,
        right: 0,
        bottom: 0,
        left: 0,
        zIndex: 999
    });
});

那么：

#HTML
<div id="some_id"></div>
<div id="button"></div>

#JS
$( '#button' ).click( function() {
    $( '#some_id' ).width( $( window ).width() );
    $( '#some_id' ).height( $( window ).height() );
});

#HTML
#JS
$（“#按钮”）。单击（函数（）{
$（'#某些id'）.width（$（window.width（））；
$（'#某些id'）.height（$（window.height（））；
});

您可以使用此函数获取宽度和高度

$(window).width();
$(window).height();

$(document).width();
$(document).height();

然后使用它

var w = $(document).width();
var h = $(document).height();
$("#theid").css('width',w);
$("#theid").css('height',h);

---

这是我昨天的答案的一个修改版本：

---

您需要一个

固定的
位置元素，其宽度为100%
宽度和高度为
高度，如果您没有背景色或图像，则可以单击该元素。将
z-index
设置为高于所有其他元素，以确保它位于前端（如果需要）

$('#id').css({
  position: 'fixed',
  top: 0,
  left: 0,
  width: 100%
  height: 100%,
  zIndex: 701
});

您可以使用以下功能使任何div全屏显示

    function goFullScreen(){

        var elem = document.getElementById(temp);

        if(elem.requestFullscreen){
            elem.requestFullscreen();
        }
        else if(elem.mozRequestFullScreen){
            elem.mozRequestFullScreen();
        }
        else if(elem.webkitRequestFullscreen){
            elem.webkitRequestFullscreen();
        }
        else if(elem.msRequestFullscreen){
            elem.msRequestFullscreen();
        }
    }

要退出全屏，您可以使用以下功能

       function exitFullScreen(){

            if(document.exitFullscreen){
                document.exitFullscreen();
            }
            else if(document.mozCancelFullScreen){
                document.mozCancelFullScreen();
            }
            else if(document.webkitExitFullscreen){
                document.webkitExitFullscreen();
            }
            else if(document.msExitFullscreen){
                document.msExitFullscreen();
            }

        }

该代码可以在任何浏览器上运行。
我发现现在全屏API都得到了很好的支持。这是最好的。它创造了一个真正的全屏！
       function exitFullScreen(){

            if(document.exitFullscreen){
                document.exitFullscreen();
            }
            else if(document.mozCancelFullScreen){
                document.mozCancelFullScreen();
            }
            else if(document.webkitExitFullscreen){
                document.webkitExitFullscreen();
            }
            else if(document.msExitFullscreen){
                document.msExitFullscreen();
            }

        }