zoukankan      html  css  js  c++  java
  • 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 onload='maxWin()'>
    .
    .
    .
    function maxWin(){
        window.top.moveTo(0,0);
        window.top.resizeTo(screen.availWidth,screen.availHeight);
    }

    结果达到了效果:

  • 相关阅读:
    JSON和JSONP
    微信问题汇总
    Linux 技巧:让进程在后台可靠运行的几种方法
    redis笔记
    php安装
    数据库分享一: MySQL的Innodb缓存相关优化
    nginx是以多进程的方式来工作的
    运行和控制Nginx
    nginx安装
    Redis监控技巧总结
  • 原文地址:https://www.cnblogs.com/yigeqi/p/3831598.html
Copyright © 2011-2022 走看看