论坛首页 Web前端技术论坛

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

浏览 8162 次
精华帖 (0) :: 良好帖 (1) :: 新手帖 (0) :: 隐藏帖 (1)
作者 正文
   发表时间:2011-06-27   最后修改:2011-06-27
<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>
   发表时间:2011-06-28  
貌似没有考虑safari版本吧,以前好像做过类似的,没有考虑safari,结果被客户嘲笑。。。
0 请登录后投票
   发表时间: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;
0 请登录后投票
   发表时间:2011-06-30  
chrome和safari不都是webkit吗?
0 请登录后投票
   发表时间: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;
0 请登录后投票
   发表时间:2011-06-30  
只是最大化而已,不是真正意义上的全屏。
0 请登录后投票
   发表时间:2011-08-22  
不是全屏啊!!!!!怎么让其全屏呢?????
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics