Posted on 2011-04-13 16:38
IceWee 阅读(1206)
评论(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，前两个是我自己加的，我想让窗口可以最小化或修改大小，不理解你可以把前面的属性去掉试试，那样窗口的最大化按钮就只读了。