zoukankan      html  css  js  c++  java
  • js弹出新窗口居中

    方式1:

    <script language="javascript">
        var newUrl = <%=newUrl % >
        //window.location=nurl;
        var awidth = screen.availWidth / 6 * 3; //窗口宽度,需要设置
        var aheight = screen.availHeight / 5 * 2; //窗口高度,需要设置
        var atop = (screen.availHeight - aheight) / 2; //窗口顶部位置,一般不需要改
        var aleft = (screen.availWidth - awidth) / 2; //窗口放中央,一般不需要改
        var param0 = "scrollbars=0,status=0,menubar=0,resizable=2,location=0"; //新窗口的参数
        var params = "top=" + atop + ",left=" + aleft + ",width=" + awidth + ",height=" + aheight + "," + param0;
        window.close();
        window.open(newUrl, '', params); //打开新窗口
        //window.open(newUrl,'','height=0,width=0');
         
    </script>

    方式2:

    <script language="javascript">
        var newUrl = <%=newUrl % >;
        window.close();
        var newWindow; //定义一个窗口,有利于窗口间的通讯
        makeNewWindow(newUrl);
        function makeNewWindow(url) {
            if (!newWindow || newWindow.closed) {
                var width = 400;
                var height = 300;
                var left = parseInt((screen.availWidth / 2) - (width / 2)); //屏幕居中
                var top = parseInt((screen.availHeight / 2) - (height / 2));
                var windowFeatures = "width=" + width + ",height=" + height + ",status,scrollbars=yes,resizable,left=" + left + ",top=" + top + "screenX=" + left + ",screenY=" + top;
      
                newWindow = window.open(url, "", windowFeatures);
            } else {
                newWindow.focus();
            }
        }
        //window.location=nurl;
        //window.open(newUrl,'','height=0,width=0');
          
    </script>
    <html>
        <head>
        </head>
        <body>
            <script language="javascript">
                var x = 640;
                var y = 480;
                var xx = (window.screen.width - x) / 2;
                var yy = (window.screen.height - y) / 2;
                window.resizeTo(x, y);
                window.moveTo(xx, yy);
                var newUrl =  <%=newUrl%>;
                window.close();
                var windowFeatures = "width=" + x + ",height=" + y + ",status,scrollbars=yes,resizable,left=" + xx + ",top=" + yy + "screenX=" + xx + ",screenY=" + yy;
                window.open(newUrl, "", windowFeatures);
            </script>
        </body>
    </html>

    参数有以下几个:

    window.open 弹出新窗口的命令; 
    page.html 弹出窗口的文件名; 
    newwindow 弹出窗口的名字(不是文件名),非必须,可用空''代替; 
    height=100 窗口高度; 
    width=400 窗口宽度; 
    top=0 窗口距离屏幕上方的象素值; 
    left=0 窗口距离屏幕左侧的象素值; 
    toolbar=no 是否显示工具栏,yes为显示; 
    menubar,scrollbars 表示菜单栏和滚动栏。 
    resizable=no 是否允许改变窗口大小,yes为允许; 
    location=no 是否显示地址栏,yes为允许; 
    status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许; 

    方法3:

    <SCRIPT LANGUAGE="javascript">
    <!--
    window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
    //写成一行
    -->
    </SCRIPT>
  • 相关阅读:
    网站设计分析:模块化——高效重构
    linux 优化git操作速度
    cool
    跨域解决方案
    vue 登录验证引擎
    scss学习笔记
    配置动态加载模块和js分模块打包,生产环境和开发环境公共常量配置
    降低版本安装flashPlayer
    python 学习日志
    centos atomic host第一次启动
  • 原文地址:https://www.cnblogs.com/ae6623/p/4416462.html
Copyright © 2011-2022 走看看