日期:2014-05-17  浏览次数:20581 次

利用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  
只是最大化而已,不是真正意义上的全屏。