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>

 

时间: 2024-08-24 13:46:13

js弹出新窗口居中的相关文章

JS弹出新窗口被拦截的解决方法_javascript技巧

在Web编程中,使用JS在新窗口打开页面的时候,会遇到被浏览器拦截的情况,那么,我们如何才能让JS打开新窗口不被浏览器阻止呢? 一.问题一 一般情况下,如果直接在js中调用window.open()函数去打开一个新窗口,浏览器会对弹出的窗口进行拦截,因为浏览器会把该窗口认为是弹出广告等用户不想得到的窗体 1.解决方法 把window.open()函数改为由用户主动点击时触发,在超链接里加入onclick事件,这样浏览器就认为是用户想访问这个页面,而不是直接弹出给用户 2.例如: <a href=

js 弹出新窗口

function opennoticewin(url) { var opennotice_win=window.open(url,'opennoticewin','width=580,height=500,toolbar=no,top=20,left=20,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no'); } function openPromptWindow(sUrl,iwidth,il

谷歌浏览器下 js window.open打开弹出新窗口后, 如何关闭父窗口窗口

问题描述 谷歌浏览器下jswindow.open打开弹出新窗口后,如何关闭父窗口窗口,请教各位大神啊 解决方案 解决方案二:opener.close不行?解决方案三:只有关闭当前弹出的窗口才能关闭父窗口(父窗口要具备可关闭的原则).众所周知的是弹出框有一个关闭回调事件.解决方案四:如果你不想使用以上方法关闭父窗口,可以利用Cookie:定时读取Cookie来监听.

JS弹出窗口代码大全(详细整理)_javascript技巧

如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下: 1.弹启一个全屏窗口 复制代码 代码如下: <html> <body http://www.jb51.net','','fullscreen');">; <b>www.jb51.net</b> </body> </html> 2.弹启一个被F11化后的窗口 复制代码 代码如下: <html>

超详细的JS弹出窗口代码大全_javascript技巧

如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下:  1.弹启一个全屏窗口 代码如下:  <html> <body http://www.jb51.net','','fullscreen');">; <b>www.jb51.net</b> </body> </html> 2.弹启一个被F11化后的窗口 代码如下:  <html> <bo

ckeditor-CKEDITOR模态窗口提交表单时能不弹出新窗口吗?

问题描述 CKEDITOR模态窗口提交表单时能不弹出新窗口吗? 按照http://www.iteye.com/topic/749437 该文章内容实现ckeditor在jsp下增加图片上传功能中遇到上传图片的模态窗口在表单提交时,总是弹出新窗口,我在 中间添加了.还是不管用,那位大侠能帮助解决一下? 以下是代码 修改控件代码: ` function addUploadButton(editor){ CKEDITOR.on('dialogDefinition', function( ev ){ v

javascript-EXTjs &amp;amp;amp; JSP页面弹出新窗口并返回信息问题

问题描述 EXTjs & JSP页面弹出新窗口并返回信息问题 1. A页面 submit 到 process.jsp页面 A页面JS代码 fm.getForm().submit({ url : 'process.jsp' , success : function(fm, action) { if (action.result == true) { window.close(); } } }) 2.process.jsp 页面处理完请求,弹出新页面Error.jsp 显示信息,并返回 true 到

javascript之弹出窗口居中的代码_javascript技巧

Test [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] javascript弹出窗口居中代码 下面给两个弹出屏幕居中窗口的例子 复制代码 代码如下: window.open()方式 function ShowDialog(url) { var iWidth=300; //窗口宽度 var iHeight=200;//窗口高度 var iTop=(window.screen.height-iHeight)/2; var iLeft=(window.screen.width-iWidt

JS弹出窗口的运用与技巧大全_javascript技巧

本文详细介绍了JS弹出窗口的运用,非常具有实用价值,具体一起来看一下把. //关闭,父窗口弹出对话框,子窗口直接关闭 this.Response.Write("<script language=javascript>window.close();</script>"); //关闭,父窗口和子窗口都不弹出对话框,直接关闭 this.Response.Write("<script>"); this.Response.Write(&qu