Posted on 2011-04-13 16:38
IceWee 阅读(1207)
评论(0) 编辑 收藏 所属分类:
Javascript
弹出窗口在WEB开发中经常遇见,偶尔也会有打开窗口最大化的需求。我们的系统为了扩大可用区域范围,以及禁止用户刷新或在地址栏里直接敲入地址,采用了window.open的方式弹出一个没有地址栏,以及那些减小可用范围的浏览器元素。一直以来我们采用的方式都是如下:
screenWidth = window.screen.width - 10;
screenHeight = window.screen.height;window.open(url,'','width='+screenWidth+',height='+screenHeight+',left=0,top=0,titlebar=no,menubar=no,toolbar=no,location=no,status=no,scrollbars=yes,resizable=yes');
也就是获取屏幕的宽高,再设置打开窗口的宽高,但这和鼠标点击点击最大化是不同的,窗口虽说是和屏幕一样宽高了,但和用鼠标拉成的效果一样,最大化按钮还在那里,看着不算满意。还有一种是全屏的方案,这个方案仅次于我们用的这种,真正意义上的可视化区域最大,但窗口没有了边框,看着不舒服,命令如下
//window.open(url, '', 'fullscreen'); // 开启一个全屏的窗口。
网上还有一种借助object对象的方法,也能实现窗口最大化,这个和鼠标点击最大化是一样的效果,但我把它舍弃了,因为窗口弹出后需要我确认一下“ActiveX”控件,这个很烦人,我想用户肯定也不喜欢。卖了这么多的关子,相比各位已经迫不及待了,言归正传,来的朋友肯定是不知道的,知道的也不会来,呵呵,命令如下:
window.open(url, '', 'scrollbars=yes,resizable=yes,channelmode'); // 开启一个被F11化后的窗口起作用的是最后那个特效
即channelmode,前两个是我自己加的,我想让窗口可以最小化或修改大小,不理解你可以把前面的属性去掉试试,那样窗口的最大化按钮就只读了。