利用js兑现html页面自动全屏代码-HTML教程-爱易网页

利用js兑现html页面自动全屏代码

日期：2014-05-17　浏览次数：20727 次

利用js实现html页面自动全屏代码

<html>
<script language="JavaScript">
top.window.moveTo(0,0);
//判断是否为IE浏览器
if (document.all) 
{
    top.window.resizeTo(screen.availWidth,screen.availHeight);
}
//判断是否为Netscape浏览器(document.layers是Netscape 4.x专有的属性，由于
//document.layers在Netscape6.0以后已经取消，此方法只适用于6.0之前的浏览器)

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>
<head>
</head>
<body>
</body>
</html>

1 楼 fogtower 2011-06-28

貌似没有考虑safari版本吧，以前好像做过类似的，没有考虑safari，结果被客户嘲笑。。。

2 楼 denverj 2011-06-29

fogtower 写道

貌似没有考虑safari版本吧，以前好像做过类似的，没有考虑safari，结果被客户嘲笑。。。

你提的很好，贴一段更全的代码，包含了目前市面上主要浏览器的判断。我认为这种判断方式也比上一种更好。
var ua = navigator.userAgent.toLowerCase();
var isOpera = ua.indexOf("opera") > -1,
    isSafari = (/webkit|khtml/).test(ua),
    isIE = !isOpera && ua.indexOf("msie") > -1,
    isIE7 = !isOpera && ua.indexOf("msie 7") > -1,
    isIE8 = !isOpera && ua.indexOf("msie 8") > -1,
    isGecko = !isSafari && ua.indexOf("gecko") > -1;

3 楼 counters15 2011-06-30

chrome和safari不都是webkit吗？

4 楼 denverj 2011-06-30

counters15 写道

chrome和safari不都是webkit吗？

谢谢counters15的指出，再把代码更新了下。
var ua = navigator.userAgent.toLowerCase();
var isOpera = ua.indexOf("opera") > -1,
    isChrome = (/chrome/).test(ua),
    isSafari = !isChrome &&(/safari/).test(ua),
    isIE = !isOpera && ua.indexOf("msie") > -1,
    isIE7 = !isOpera && ua.indexOf("msie 7") > -1,
    isIE8 = !isOpera && ua.indexOf("msie 8") > -1,
    isIE6 = isIE && !isIE7 && !isIE8,
    isGecko = !isSafari && ua.indexOf("gecko") > -1;

5 楼 vimest 2011-06-30

只是最大化而已，不是真正意义上的全屏。

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

利用js兑现html页面自动全屏代码

相关资料更多>

推荐阅读更多>