jquery 实现窗口的最大化不论什么情况


Posted in Javascript onSeptember 03, 2013

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

$(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浏览器运行(其他浏览器未测试),无论是刷新还是点击“最大化”按钮,都可以实现完全意义的上的最大化。

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

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

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

Javascript 相关文章推荐
JQuery的Validation插件中Remote验证的中文问题
Jul 26 Javascript
Javascript学习笔记 delete运算符
Sep 13 Javascript
JS定时关闭窗口的实例
May 22 Javascript
js数组中如何随机取出一个值
Jun 13 Javascript
jquery实现用户打分评分特效
May 28 Javascript
JS使用正则表达式实现关键字替换加粗功能示例
Aug 03 Javascript
创建简单的node服务器实例(分享)
Jun 23 Javascript
webpack3+React 的配置全解
Aug 21 Javascript
js封装成插件的步骤方法
Sep 11 Javascript
JS实现将对象转化为数组的方法分析
Jan 21 Javascript
解决layui表格内文本超出隐藏的问题
Sep 12 Javascript
微信小程序实现通讯录列表展开收起
Nov 18 Javascript
jQuery动态添加删除select项(实现代码)
Sep 03 #Javascript
输入自动提示搜索提示功能的使用说明:sugggestion.txt
Sep 02 #Javascript
输入自动提示搜索提示功能的javascript:sugggestion.js
Sep 02 #Javascript
可兼容IE的获取及设置cookie的jquery.cookie函数方法
Sep 02 #Javascript
基于MVC3方式实现下拉列表联动(JQuery)
Sep 02 #Javascript
javascript模块化是什么及其优缺点介绍
Sep 02 #Javascript
火狐下table中创建form导致两个table之间出现空白
Sep 02 #Javascript
You might like
Yii2如何批量添加数据
2016/05/17 PHP
微信公众号开发之语音消息识别php代码
2016/08/08 PHP
Mac版PhpStorm之XAMPP整合apache服务器配置的图文教程详解
2016/10/13 PHP
ThinkPHP框架实现FTP图片上传功能示例
2019/04/08 PHP
PHP http请求超时问题解决方案
2020/11/13 PHP
javascript 一个函数对同一元素的多个事件响应
2009/07/25 Javascript
jquery animate图片模向滑动示例代码
2011/01/26 Javascript
Prototype源码浅析 String部分(三)之HTML字符串处理
2012/01/15 Javascript
用javascript关闭本窗口不弹出询问框的方法
2014/09/12 Javascript
Document.body.scrollTop的值总为零的快速解决办法
2016/06/09 Javascript
JavaScript Promise 用法
2016/06/14 Javascript
artDialog+plupload实现多文件上传
2016/07/19 Javascript
vue如何进行动画的封装
2018/09/26 Javascript
vue组件命名和props命名代码详解
2019/09/01 Javascript
JS实现纵向轮播图(初级版)
2020/01/18 Javascript
基于JavaScript的数据结构队列动画实现示例解析
2020/08/06 Javascript
Javascript实现贪吃蛇小游戏(含详细注释)
2020/10/23 Javascript
vue 基于abstract 路由模式 实现页面内嵌的示例代码
2020/12/14 Vue.js
[58:11]守擂赛第二周擂主赛 DeMonsTer vs Leopard
2020/04/28 DOTA
Python根据已知邻接矩阵绘制无向图操作示例
2018/06/23 Python
Python语言检测模块langid和langdetect的使用实例
2019/02/19 Python
pandas.cut具体使用总结
2019/06/24 Python
实例详解Python模块decimal
2019/06/26 Python
详解pandas数据合并与重塑(pd.concat篇)
2019/07/09 Python
tensorflow 模型权重导出实例
2020/01/24 Python
keras 特征图可视化实例(中间层)
2020/01/24 Python
解决ROC曲线画出来只有一个点的问题
2020/02/28 Python
Pyecharts地图显示不完成问题解决方案
2020/05/11 Python
Python爬虫自动化获取华图和粉笔网站的错题(推荐)
2021/01/08 Python
化学教师自荐信范文
2013/12/28 职场文书
打架检讨书300字
2014/02/02 职场文书
文科生自我鉴定
2014/02/15 职场文书
应届生们该怎么书写求职信?
2019/07/05 职场文书
解决pycharm安装scrapy DLL load failed:找不到指定的程序的问题
2021/06/08 Python
Golang ort 中的sortInts 方法
2022/04/24 Golang
Python如何利用pandas读取csv数据并绘图
2022/07/07 Python