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的消息提示插件 DivAlert之旅(二)
Apr 01 Javascript
js中取得变量绝对值的方法
Jan 03 Javascript
jquery实现简单的自动播放幻灯片效果
Jun 13 Javascript
JavaScript File API实现文件上传预览
Feb 02 Javascript
深入理解jquery的$.extend()、$.fn和$.fn.extend()
Jul 08 jQuery
Vue中的v-for循环key属性注意事项小结
Aug 12 Javascript
新年快乐! javascript实现超级炫酷的3D烟花特效
Jan 30 Javascript
Vue源码解析之数据响应系统的使用
Apr 24 Javascript
解决使用layui对select append元素无效或者未及时更新的问题
Sep 18 Javascript
vue父子组件的通信方法(实例详解)
Nov 10 Javascript
Vue实现购物小球抛物线的方法实例
Nov 22 Vue.js
Vue实现下拉加载更多
May 09 Vue.js
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
德生1994机评
2021/03/02 无线电
PHP生成自定义长度随机字符串的函数分享
2014/05/04 PHP
PHP实现可精确验证身份证号码的工具类示例
2018/05/31 PHP
禁止空格提交表单的js代码
2013/11/17 Javascript
动态的创建一个元素createElement及删除一个元素
2014/01/24 Javascript
AngularJS中的模块详解
2015/01/29 Javascript
js点击选择文本的方法
2015/02/09 Javascript
JavaScript判断IE版本型号
2015/07/27 Javascript
javascript自定义in_array()函数实现方法
2015/08/03 Javascript
nodejs基础知识
2017/02/03 NodeJs
深入理解在JS中通过四种设置事件处理程序的方法
2017/03/02 Javascript
JS实现动态生成html table表格的方法分析
2018/07/11 Javascript
Vue+axios实现统一接口管理的方法
2018/07/23 Javascript
详解vue中使用vue-quill-editor富文本小结(图片上传)
2019/04/24 Javascript
解决微信授权成功后点击按返回键出现空白页和报错的问题
2020/06/08 Javascript
vue登录页实现使用cookie记住7天密码功能的方法
2021/02/18 Vue.js
python中实现定制类的特殊方法总结
2014/09/28 Python
Python中动态创建类实例的方法
2017/03/24 Python
Python中标准模块importlib详解
2017/04/16 Python
Python实现的简单读写csv文件操作示例
2018/07/12 Python
python实现ID3决策树算法
2018/08/29 Python
浅谈pandas.cut与pandas.qcut的使用方法及区别
2020/03/03 Python
解决pyPdf和pyPdf2在合并pdf时出现异常的问题
2020/04/03 Python
HTML5中判断横屏竖屏的方法(移动端)
2016/08/04 HTML / CSS
倩碧香港官方网站:Clinique香港
2017/11/13 全球购物
英国乐购杂货:Tesco Groceries
2018/11/29 全球购物
音乐表演专业毕业生求职信
2013/10/14 职场文书
市场推广策划方案
2014/06/02 职场文书
心理学专业求职信
2014/06/16 职场文书
工伤事故赔偿协议书范文
2014/09/24 职场文书
2014年工作总结及2015工作计划
2014/12/12 职场文书
教师党员承诺书2015
2015/01/21 职场文书
老干部座谈会主持词
2015/07/03 职场文书
安全教育主题班会教案
2015/08/12 职场文书
2016年全国爱眼日宣传教育活动总结
2016/04/05 职场文书
经典哲理警句:志不真则心不热,心不热则功不贤
2019/11/14 职场文书