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

denverj

浏览: 356286 次
性别:
来自: 南京

最近访客更多访客>>

dy.f

u012363178

chenpenglong

sos303sos

博主相关

博客

微博

相册

留言

关于我

博客专栏

: 设计模式那些事儿
浏览量：5966

文章分类

社区版块

存档分类

博客分类：

Web编程

HTML 浏览器 IE

<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>

分享到：

西周策-薛公以齐为韩魏攻楚 | 关于URL后面传中文方法总结

2011-06-27 11:07
浏览 18801
评论(5)
论坛回复 / 浏览 (6 / 8162)
分类:Web前端
查看更多

5 楼 vimest 2011-06-30

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

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;

3 楼 counters15 2011-06-30

chrome和safari不都是webkit吗？

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;

1 楼 fogtower 2011-06-28