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浏览器运行(其他浏览器未测试),无论是刷新还是点击“最大化”按钮,都可以实现完全意义的上的最大化。
那么为什么上面我还要加个基本实现呢?
就是因为现在为止我并没有完全在实际应用中完成最大化的效果,也就是说,只要将以上代码拷贝到服务器上运行,即使丝毫不变,也一样不起作用,刷新也好,点击“最大化”按钮也罢,都是无效果的。原因不知,令我不得不暂时放弃该方法,到底是为什么呢?