Fork me on GitHub

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>

 

posted @ 2013-08-16 17:52  _落雨  阅读(1594)  评论(0编辑  收藏  举报