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>

 

你可能感兴趣的:(窗口居中)