window.open窗口居中和窗口最大化

1、window.open()参数

window.open(pageURL,name,parameters)

其中:

pageURL为子窗口路径

name为子窗口句柄

parameters为窗口参数(各参数用逗号分隔),如常用的

‘height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no,titlebar=no‘

(yes/no也可使用1/0,在IE10中,toolbar、menubar等默认为no,所以需要显示时要设置为yes,尤其是scrollbars)

2、window.open()窗口居中

var l=(screen.availWidth-500)/2;
var t=(screen.availHeight-300)/2;        window.open(‘../seeImg/imgs.html‘,‘newWin‘,‘width=500,height=300,top=‘+t+‘,left=‘+l+‘,toolbar=no,menubar=no,location=no,status=yes‘);

3、window.open()窗口最大化

如果写成这样:

var w=screen.availWidth;
var h=screen.availHeight;        window.open(‘../seeImg/imgs.html‘,‘‘,‘width=‘+w+‘,height=‘+h+‘,top=0,left=0,status=yes‘);

结果会这样:

窗口铺满了整个屏幕,遮住了状态栏。不同操作系统状态栏高度不一,所以无法使screen.availHeight减去一个定值。

如果在新窗口的页面写成这样:

原窗口里:
window.open(‘../seeImg/imgs.html‘,‘‘,‘top=0,left=0,toolbar=no,menubar=no,location=no,status=no‘);

新窗口里:
<body onl0ad=‘maxWin()‘>
.
.
.
function maxWin(){
    window.top.moveTo(0,0);
    window.top.resizeTo(screen.availWidth,screen.availHeight);
}

结果达到了效果:

window.open窗口居中和窗口最大化

时间: 2024-08-11 06:10:41

window.open窗口居中和窗口最大化的相关文章

Jqury 块在window窗口居中

1.块在父容器里居中常用方法—— position: absolute; left: 50%; top: 50%; margin-left: -250px; margin-top: -200px; width: 500px; height: 400px; 其中: margin-left: -250px; /* 元素本身文档宽度的一半*/ margin-top: -200px /* 元素本身文档高度的一半*/ /* 注意-有滚动条时:这种居中必须滚动条滑到中间,效果不好 */ 2 块在window

WPF 窗口居中 &amp; 变更触发机制

原文:WPF 窗口居中 & 变更触发机制 窗口居中 & 变更触发机制 解决: 1.单实例窗口,窗口每次隐藏后再显示时,位置居中显示 2.多屏幕下单实例窗口,当父窗口移动到其它屏幕时,单实例窗口再次弹出时,位置才更新到父窗口屏幕. 3.子窗口每次唤醒时,都居中显示. 窗口首次显示的位置 - WindowStartupLocation windows的启动时位置显示,WindowStartupLocation CenterOwner --显示在父窗口的中间(设置Owner) CenterScr

JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作

一.Iframe 篇 公共部分 //父对象得到子窗口的值 //ObjectID是窗口标识,ContentID是元素ID function GetValue(ObjectID,ContentID) { var IsIE = (navigator.appName == 'Microsoft Internet Explorer') if(IsIE) {//如果是IE alert(document.frames(ObjectID).document.getElementById(ContentID).i

JavaScript特效实例005-控制弹出窗口居中显示

实例005                控制弹出窗口居中显示 实例说明 点击页面上的按钮,弹出窗口,并将窗口居中显示. 技术要点 本例首先应用JavaScript中的window对象的open()方法,打开指定大小的新窗口,然后通过screen对象,获取屏幕分辨率,再根据获取的值通过window对象的moveTo()方法,将新窗口移动到屏幕居中位置. moveTo()方法将窗口移动到指定坐标(x,y)处,其语法格式如下. window.moveTo(x,y) 其中,参数x,y表示窗口移动到的位

总结js(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作

http://hi.baidu.com/yashua839/blog/item/131fdb2fe547ef221f3089af.html一.Iframe 篇 //&&&&&&&&&&&&&&&&&&&&公共方法开始&&&&&&&&&&&&&&a

WPF中使用WindowChrome自定义窗口中遇到的最大化问题

原文:WPF中使用WindowChrome自定义窗口中遇到的最大化问题 FrameWork 4.5 之后,内置了WindowChrome类,官方文档: https://msdn.microsoft.com/en-us/library/system.windows.shell.windowchrome.aspx 如果你是旧版本,可以去搜索单独的dll. 上方的页面,解释和例子也都是旧版本的,如果新版本,比如和我一样,是4.6.2,可以继续往下看新的用法,相比文档中的旧方式,新的用法的确更简单有效了

js window.open() 父窗口与子窗口的互相调用

javascript 父窗口与子窗口的互相调用 <html> <head></head> <body> 主要实现父子关系的页面 window.opener 是window.open 打开的子页面调用父页面对象 a.html <title>主页面</title> <script type="text/javascript"> /** 为测试IFrame子窗口调用父窗口的全局变量而添加的测试变量 */ va

最近玩了一下qt5.2.1,顺着写点东西,关于这个版本设置程序主窗口居中

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 #include <QtGui/QGuiApplication> #include <QDebug> #include <QScreen> #include "qtquick2applicationviewer.h" int main(int argc, char *argv[]) {     QGuiApplication app(arg

PYQT窗口居中

#UI.py,通过UI设计师制作后直接转换为UI.py脚本 # -*- coding: utf-8 -*-from PyQt4 import QtCore, QtGui try:    _fromUtf8 = QtCore.QString.fromUtf8except AttributeError:    _fromUtf8 = lambda s: s class Ui_Form(object):    def setupUi(self, Form):        Form.setObject