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 div 居中技巧应用介绍
Nov 24 Javascript
举例简介AngularJS的内部语言环境
Jun 17 Javascript
JS实现刷新父页面不弹出提示框的方法
Jun 22 Javascript
jQuery.uploadify文件上传组件实例讲解
Sep 23 Javascript
Vue中自定义全局组件的实现方法
Dec 08 Javascript
JS中this的指向以及call、apply的作用
May 06 Javascript
JS引用传递与值传递的区别与用法分析
Jun 01 Javascript
Vue+Mock.js模拟登录和表格的增删改查功能
Jul 26 Javascript
详解Vue3.0 前的 TypeScript 最佳入门实践
Jun 18 Javascript
js实现盒子拖拽动画效果
Aug 09 Javascript
vue-cli3 引入 font-awesome的操作
Aug 11 Javascript
解决Vue+SpringBoot+Shiro跨域问题
Jun 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
php格式化日期和时间格式化示例分享
2014/02/24 PHP
php版微信返回用户text输入的方法
2016/11/14 PHP
2017年最好用的9个php开发工具推荐(超好用)
2017/10/23 PHP
使用git迁移Laravel项目至新开发环境的步骤详解
2020/04/06 PHP
javascript比较文档位置
2008/04/08 Javascript
有关DOM元素与事件的3个谜题
2010/11/11 Javascript
说明你的Javascript技术很烂的五个原因
2011/04/26 Javascript
javascript继承机制实例详解
2014/11/20 Javascript
JS中的Replace方法使用经验分享
2015/05/20 Javascript
优化RequireJS项目的相关技巧总结
2015/07/01 Javascript
jQuery 调用WebService 实例讲解
2016/06/28 Javascript
js方法数据验证的简单实例
2016/09/17 Javascript
Javascript中常用类型的格式化方法小结
2016/12/26 Javascript
微信小程序(六):列表上拉加载下拉刷新示例
2017/01/13 Javascript
React Native之prop-types进行属性确认详解
2017/12/19 Javascript
vue 开发一个按钮组件的示例代码
2018/03/27 Javascript
用Vue.js在浏览器中实现裁剪图像功能
2019/06/18 Javascript
原生JS与CSS实现软件卸载对话框功能
2019/12/05 Javascript
vue实现登录拦截
2020/06/29 Javascript
vue项目开启Gzip压缩和性能优化操作
2020/10/26 Javascript
Python with用法实例
2015/04/14 Python
Python之Class&amp;Object用法详解
2019/12/25 Python
关于Python Tkinter Button控件command传参问题的解决方式
2020/03/04 Python
Pycharm在指定目录下生成文件和删除文件的实现
2020/12/28 Python
css3设置box-pack和box-align让div里面的元素垂直居中
2014/09/01 HTML / CSS
精美的手工家居和生活用品:Nkuku
2019/11/01 全球购物
Java平台和其他软件平台有什么不同
2015/06/05 面试题
优秀中专生推荐信
2013/11/17 职场文书
计算机专业推荐信范文
2013/11/20 职场文书
交通运输局四风问题对照检查材料思想汇报
2014/10/09 职场文书
2014财务年终工作总结
2014/12/08 职场文书
先进集体申报材料
2014/12/25 职场文书
微信搭讪开场白
2015/05/28 职场文书
当幸福来敲门观后感
2015/06/01 职场文书
对领导班子的意见和建议
2015/06/08 职场文书
jdbc使用PreparedStatement批量插入数据的方法
2021/04/27 MySQL