当前位置: 代码迷 >> Web前端 >> jquery 兑现窗口的最大化
  详细解决方案

jquery 兑现窗口的最大化

热度:1005   发布时间:2013-09-05 16:02:06.0
jquery 实现窗口的最大化

当打开一个新窗口时,有些用户想直接最大化显示,不想再多一步操作。如果不在代码中做出明确设置的话,这个一般来说是浏览器自己的设置问题。但用户希望无论什么情况,无论浏览器处于什么样的设置,都要让这个弹出的窗口最大化,那么怎么办呢?其实很好办,只需要把几句代码,让浏览器窗口从默认大小变成我们自己的设置。

$(function(){
	if (window.screen) {              
	    var myw = screen.availWidth;   
	    var myh = screen.availHeight;  
	    window.moveTo(0, 0);           
	    window.resizeTo(myw, myh);     
	    }    
});

再加上jquery的一些操作,这样就可以实现浏览器窗口的最大化。

以上方法其实不是真正的最大化,只是把窗口调整到最大而已,右上角最大化的按钮依然是单框,查阅了不少资料了,发现有那么一个方式可以基本实现完全最大化:

<html>
  <head>
    <title>hello</title>
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache">
 <meta http-equiv="expires" content="0">    
 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 <meta http-equiv="description" content="This is my page">
  </head>
  <body>
 
<object id=max classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"><param name="Command" value="Maximize"></object>
 
<input type=button value=最大化 onclick=max.Click()>
  </body>
</html>
<script type="text/javascript"> 
	
max.Click();
</script>

以上代码可以直接复制到扩展名为.html的页面中,用IE浏览器运行(其他浏览器未测试),无论是刷新还是点击“最大化”按钮,都可以实现完全意义的上的最大化。

那么为什么上面我还要加个基本实现呢?

就是因为现在为止我并没有完全在实际应用中完成最大化的效果,也就是说,只要将以上代码拷贝到服务器上运行,即使丝毫不变,也一样不起作用,刷新也好,点击“最大化”按钮也罢,都是无效果的。原因不知,令我不得不暂时放弃该方法,到底是为什么呢?

真诚的希望各位网友给与赐教!

1楼wokao_wg昨天 19:11
这只支持IE把???
Re: xinfei08036小时前
回复wokao_wgn是啊,别的浏览器还没试过,我们的客户都是使用的IE6--IE8,所以暂时只考虑IE了。
  相关解决方案