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 相关文章推荐
网站导致浏览器崩溃的原因总结(多款浏览器) 推荐
Apr 15 Javascript
jQuery Autocomplete自动完成插件
Jul 17 Javascript
stream.js 一个很小、完全独立的Javascript类库
Oct 28 Javascript
script标签属性type与language使用选择
Dec 02 Javascript
JS中不为人知的五种声明Number的方式简要概述
Feb 22 Javascript
基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
May 07 Javascript
12种不宜使用的Javascript语法整理
Nov 04 Javascript
jQuery toggleClass应用实例(附效果图)
Apr 06 Javascript
JQuery操作textarea,input,select,checkbox方法
Sep 02 Javascript
javascript事件的绑定基础实例讲解(34)
Feb 14 Javascript
在微信小程序中保存网络图片
Feb 12 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
Apr 29 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
【星际争霸1】人族1v7家ZBath
2020/03/04 星际争霸
Could not load type System.ServiceModel.Activation.HttpModule解决办法
2012/12/29 PHP
laravel 5.3中自定义加密服务的方案详解
2017/05/09 PHP
javascript模拟地球旋转效果代码实例
2013/12/02 Javascript
JavaScript Math.round() 方法
2015/12/18 Javascript
js实现搜索框关键字智能匹配代码
2020/03/26 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
2016/05/24 Javascript
echarts3 使用总结(绘制各种图表,地图)
2017/01/05 Javascript
jQuery实现获取隐藏div高度的方法示例
2017/02/09 Javascript
ES6入门教程之let和const命令详解
2017/05/17 Javascript
Vue项目数据动态过滤实践及实现思路
2018/09/11 Javascript
react+ant design实现Table的增、删、改的示例代码
2018/12/27 Javascript
微信小程序使用wxParse解析html的方法示例
2019/01/17 Javascript
在React中写一个Animation组件为组件进入和离开加上动画/过度效果
2019/06/24 Javascript
在nodejs中创建child process的方法
2021/01/26 NodeJs
[42:24]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第三场 11.27
2020/12/01 DOTA
python正常时间和unix时间戳相互转换的方法
2015/04/23 Python
Python基于PycURL自动处理cookie的方法
2015/07/25 Python
Python基础教程之浅拷贝和深拷贝实例详解
2017/07/15 Python
Python+树莓派+YOLO打造一款人工智能照相机
2018/01/02 Python
python主线程捕获子线程的方法
2018/06/17 Python
python2.7实现邮件发送功能
2018/12/12 Python
Python编程深度学习绘图库之matplotlib
2018/12/28 Python
Python 3.8中实现functools.cached_property功能
2019/05/29 Python
PyQt5基本控件使用详解:单选按钮、复选框、下拉框
2019/08/05 Python
Python多线程爬取豆瓣影评API接口
2019/10/22 Python
详解HTML5中表单验证的8种方法介绍
2016/12/19 HTML / CSS
Html5移动端适配IphoneX等机型的方法
2019/06/25 HTML / CSS
Lacoste(法国鳄鱼)加拿大官网:以标志性的POLO衫而闻名
2019/05/15 全球购物
戴森西班牙官网:Dyson西班牙
2020/02/04 全球购物
自动化专业个人求职信范文
2013/12/30 职场文书
党员群众路线学习心得体会
2014/11/04 职场文书
光荣之路观后感
2015/06/12 职场文书
田径运动会广播稿
2015/08/19 职场文书
2019幼儿教师求职信(3篇)
2019/09/20 职场文书
使用Ajax实现无刷新上传文件
2022/04/12 Javascript