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

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


代码如下:

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

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

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

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

赞 (0)

相关推荐

  • js实现浏览器窗口大小被改变时触发事件的方法

    本文实例讲述了js实现浏览器窗口大小被改变时触发事件的方法.分享给大家供大家参考.具体分析如下: 当浏览器的窗口大小被改变时触发的事件window.onresize 为事件指定代码: 复制代码 代码如下: window.onresize = function(){ } 例如: 浏览器可见区域信息: 复制代码 代码如下: <span id="info_jb51_net">请改变浏览器窗口大小</span> <script> window.onresiz

  • jQuery实现响应浏览器缩放大小并改变背景颜色

    /*Javascript代码片段*/ //定义一个方法:这个方法控制浏览器页面背景色的切换变化 function myfunction(){ $('body').toggleClass('bgcolor'); } //添加监控页面窗口变化的方法 $(window).resize(myfunction); //并且在页面加载时即调用 myfunction();

  • Jquery根据浏览器窗口改变调整大小的方法

    如下所示: 当浏览器窗口发生该表示,会触发resize函数 // 浏览器大小发生变化时,给id为main-container的容器设置最小高度 <script type="text/javascript"> $(function(){ $(window).resize(function(){ $("#main-container").css("min-height", $(window).height() - 343); }).res

  • jquery实现根据浏览器窗口大小自动缩放图片的方法

    本文实例讲述了jquery实现根据浏览器窗口大小自动缩放图片的方法.分享给大家供大家参考.具体如下: (function($){ $.fn.resizeimage = function(){ var imgLoad = function (url, callback) { var img = new Image(); img.src = url; if (img.complete) { callback(img.width, img.height); } else { img.onload =

  • jquery动态调整div大小使其宽度始终为浏览器宽度

    有时候我们需要设置宽度为整个浏览器宽度的div,当然我们可以使用相对布局的方式做到这一点,不过我们也可以用jquery来实现. 复制代码 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery test</title> <script src="jquery-1.11.1.min.js"><

  • 基于jquery的获取浏览器窗口大小的代码

    复制代码 代码如下: function getTotalHeight(){ if($.browser.msie){ return document.compatMode == "CSS1Compat"? document.documentElement.clientHeight : document.body.clientHeight; } else { return self.innerHeight; } } function getTotalWidth (){ if($.brows

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

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

  • jQuery新窗口打开外链接

    对于外链,为了留住用户在本站,我们通常会使用新窗口打开,你可以设置target="_blank".然而手动一个是麻烦,另一个则是有可能会遗漏,本文通过jQuery查询要点击的链接,添加相关属性,使其打开新窗口. $(document).on('click','a',function(){ var url = this.href,hash=''; if(url.indexOf('#')>-1){ hash = !!url.split('#')[1] ? '#' + url.spli

  • 自定义jquery模态窗口插件无法在顶层窗口显示问题

    自定义一个jquery模态窗口插件,将它集成到现有平台框架中时,它只能在mainFrame窗口中显示,无法在顶层窗口显示. 解决这个问题的办法: 通过以下代码就可能实现在顶层窗口弹窗 复制代码 代码如下: $(window.top.document.body).append("<div id='dialog'></div>");

  • jQuery模拟窗口抖动效果

    jQuery模拟窗口抖动效果

    效果图: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>jQuery模拟窗口抖动</title> <style type="text/css"> input{margin-top: 20px;} .center{margin-left: 50%;transform: translate(-50%

  • jMessageBox 基于jQuery的窗口插件

    jMessageBox 基于jQuery的窗口插件

    如下图:   但是这些弹出来的窗口的样式非常的单调无法设置,并且窗口标题还根据不同的浏览器显示不同的标题内容,非常的丑陋!对于高审美观的现代人来说,就大打折扣了! jQuery现在这么流行.这么火,但网上却好像还是没有提供类似于MessageBox的插件(或者只是我没有找到而已),类似的模式窗口插件倒是有一大堆,但这都不是我想要的.没现成的,就只好花点时间将我以前写的基于我的个人JS框架的MessageBox移值过来,也就是本文的JMessageBox. 它的使用非常的简单 CSS + JS搭配

  • JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)

    JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)

    当页面需要显示的内容较多时,我们很多人采用分页的方法解决. 而有的时候,分页的效果却又是非常令人厌恶的.滚动条无疑是一种简单而又高效的一种方式.而这里,处于对用户体验的考虑,我使用Jquery实现了一种类似"滚动停靠"的效果.这样当我们向下滚动内容的时候,搜索框会"悬挂(停靠)"在窗口顶端. 这样做的好处是,当用户需要重新筛选内容的时候,不必再次向上滚动,随时可以输入条件进行搜索. 以下是我实现这个效果的思路: 首先,设计一个隐藏的搜索框.这个隐藏的搜索框的样式.事

  • jquery 子窗口操作父窗口的代码

    $("#父窗口元素ID",window.parent.document)...就行了 js 版本 view sourceprint?1.window.parent.document.getElementById()

  • jquery 打开窗口返回值实现代码

    复制代码 代码如下: <div>get value:<input type="text" name="inputname" id="inputname"/> <div id="getvalue" style="display:none;"> <div id="tl"></div><div id="tr"

  • AeroWindow 基于JQuery的弹出窗口插件

    AeroWindow 基于JQuery的弹出窗口插件

    可以一个页面中创建多个弹出窗,被选中的弹出窗会加亮显示,在同一网页中可以有多个弹出窗口,也可以通过双击窗口实现最大化,跟windows像极了.如果想要做一个类似操作系统的页面,用这个插件是完全可以实现的.兼容多种主流浏览器. 最基础的调用方法: 复制代码 代码如下: $('#YourContainerDiv').AeroWindow((WindowTitle:'hello world',)); 带全部参数的调用: 复制代码 代码如下: $('#YourContainerDiv').AeroWin

  • jquery获取文档高度和窗口高度汇总

    jquery获取窗口高度和窗口高度,$(document).height().$(window).height() $(document).height():整个网页的文档高度 $(window).height():浏览器可视窗口的高度 $(window).scrollTop():浏览器可视窗口顶端距离网页顶端的高度(垂直偏移) $(document.body).height();//浏览器当前窗口文档body的高度 $(document.body).outerHeight(true);//浏览

随机推荐