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 相关文章推荐
js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍
May 16 Javascript
nodeType属性返回被选节点的节点类型介绍
Nov 22 Javascript
jquery对元素拖动排序示例
Jan 16 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
Sep 25 Javascript
jQuery实现列表的全选功能
Mar 18 Javascript
js实现点击链接后延迟3秒再跳转的方法
Jun 05 Javascript
jQuery中serializeArray()与serialize()的区别实例分析
Dec 09 Javascript
vue2.0 与 bootstrap datetimepicker的结合使用实例
May 22 Javascript
js实现鼠标拖拽多选功能示例
Aug 01 Javascript
javascript中的event loop事件循环详解
Dec 14 Javascript
JS快速实现简单计算器
Apr 08 Javascript
微信小程序实现搜索框功能及踩过的坑
Jun 19 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
解析MySql与Java的时间类型
2013/06/22 PHP
php使用glob函数遍历文件和目录详解
2016/09/23 PHP
php批量删除操作代码分享
2017/02/26 PHP
PHP的PDO预定义常量讲解
2019/01/24 PHP
用javascript实现计算两个日期的间隔天数
2007/08/14 Javascript
更换select下拉菜单背景样式的实现代码
2011/12/20 Javascript
删除节点的jquery代码
2014/01/13 Javascript
js如何打印object对象
2015/10/16 Javascript
基于JavaScript实现表单密码的隐藏和显示出来
2016/03/02 Javascript
js编写的treeview使用方法
2016/11/11 Javascript
浅谈对Angular中的生命周期钩子的理解
2017/07/31 Javascript
Layui table 组件的使用之初始化加载数据、数据刷新表格、传参数
2017/09/11 Javascript
浅析vue-router jquery和params传参(接收参数)$router $route的区别
2018/08/03 jQuery
原生JS实现简单的倒计时功能示例
2018/08/30 Javascript
微信小程序实现选项卡效果
2018/11/06 Javascript
Vue.js中 v-model 指令的修饰符详解
2018/12/03 Javascript
微信小程序实现分享朋友圈的图片功能示例
2019/01/18 Javascript
vue组件中实现嵌套子组件案例
2020/08/31 Javascript
Vue父组件监听子组件生命周期
2020/09/03 Javascript
js观察者模式的弹幕案例
2020/11/23 Javascript
Python处理菜单消息操作示例【基于win32ui模块】
2018/05/09 Python
python遍历小写英文字母的方法
2019/01/02 Python
Python 一行代码能实现丧心病狂的功能
2020/01/18 Python
Python常用编译器原理及特点解析
2020/03/23 Python
学习python需要有编程基础吗
2020/06/02 Python
浅谈Python 钉钉报警必备知识系统讲解
2020/08/17 Python
python动态规划算法实例详解
2020/11/22 Python
使用OpenCV校准鱼眼镜头的方法
2020/11/26 Python
27个经典Linux面试题及答案,你知道几个?
2014/03/11 面试题
中专生毕业自我鉴定
2013/11/01 职场文书
难忘的一课教学反思
2014/04/30 职场文书
2014幼儿园教师师德师风演讲稿
2014/09/10 职场文书
2014医学院领导干部四风对照检查材料思想汇报
2014/09/16 职场文书
影视后期实训报告
2014/11/05 职场文书
六一晚会主持词开场白
2015/05/28 职场文书
诚信考试主题班会
2015/08/17 职场文书