jquery 实现窗口的最大化不论什么情况_jquery
程序员文章站
2022-04-20 11:29:53
...
当打开一个新窗口时,有些用户想直接最大化显示,不想再多一步操作。如果不在代码中做出明确设置的话,这个一般来说是浏览器自己的设置问题。但用户希望无论什么情况,无论浏览器处于什么样的设置,都要让这个弹出的窗口最大化,那么怎么办呢?其实很好办,只需要把几句代码,让浏览器窗口从默认大小变成我们自己的设置。
$(function(){
if (window.screen) {
var myw = screen.availWidth;
var myh = screen.availHeight;
window.moveTo(0, 0);
window.resizeTo(myw, myh);
}
});
再加上jquery的一些操作,这样就可以实现浏览器窗口的最大化。
以上方法其实不是真正的最大化,只是把窗口调整到最大而已,右上角最大化的按钮依然是单框,查阅了不少资料了,发现有那么一个方式可以基本实现完全最大化:
hello
以上代码可以直接复制到扩展名为.html的页面中,用IE浏览器运行(其他浏览器未测试),无论是刷新还是点击“最大化”按钮,都可以实现完全意义的上的最大化。
那么为什么上面我还要加个基本实现呢?
就是因为现在为止我并没有完全在实际应用中完成最大化的效果,也就是说,只要将以上代码拷贝到服务器上运行,即使丝毫不变,也一样不起作用,刷新也好,点击“最大化”按钮也罢,都是无效果的。原因不知,令我不得不暂时放弃该方法,到底是为什么呢?
真诚的希望各位网友给与赐教!
复制代码 代码如下:
$(function(){
if (window.screen) {
var myw = screen.availWidth;
var myh = screen.availHeight;
window.moveTo(0, 0);
window.resizeTo(myw, myh);
}
});
再加上jquery的一些操作,这样就可以实现浏览器窗口的最大化。
以上方法其实不是真正的最大化,只是把窗口调整到最大而已,右上角最大化的按钮依然是单框,查阅了不少资料了,发现有那么一个方式可以基本实现完全最大化:
复制代码 代码如下:
以上代码可以直接复制到扩展名为.html的页面中,用IE浏览器运行(其他浏览器未测试),无论是刷新还是点击“最大化”按钮,都可以实现完全意义的上的最大化。
那么为什么上面我还要加个基本实现呢?
就是因为现在为止我并没有完全在实际应用中完成最大化的效果,也就是说,只要将以上代码拷贝到服务器上运行,即使丝毫不变,也一样不起作用,刷新也好,点击“最大化”按钮也罢,都是无效果的。原因不知,令我不得不暂时放弃该方法,到底是为什么呢?
真诚的希望各位网友给与赐教!