关于弹出式窗口的位置问题

我在电击按钮事件中用window.open()弹出一个新窗口，我想让这个窗口位于屏幕中间，而不是在右上角，该怎样写js代码？

解决方案 »

  1.   

    showModalDialog()、showModelessDialog()方法使用详解- -
                                           
    javascript有许多内建的方法来产生对话框，如：window.alert(), window.confirm(),window.prompt().等。 然而IE提供更多的方法支持对话框。如： 　　showModalDialog() (IE 4+ 支持) 
    　　showModelessDialog() (IE 5+ 支持) 
    window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框，由于是对话框，因此它并没有一般用window.open()打开的窗口的所有属性。 
    window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。 当我们用showModelessDialog()打开窗口时，不必用window.close()去关闭它，当以非模态方式［IE5］打开时， 打开对话框的窗口仍可以进行其他的操作，即对话框不总是最上面的焦点，当打开它的窗口ＵＲＬ改变时，它自动关闭。而模态［ＩＥ４］方式的对话框始终有焦点（焦点不可移走，直到它关闭）。模态对话框和打开它的窗口相联系，因此我们打开另外的窗口时，他们的链接关系依然保存，并且隐藏在活动窗口的下面。 使用方法如下： 
    vReturnvalue = window.showModalDialog(sURL [, vArguments] [, sFeatures]) 
    vReturnvalue = window.showModelessDialog(sURL [, vArguments] [, sFeatures]) 
    参数说明： 
    sURL 
    必选参数，类型：字符串。用来指定对话框要显示的文档的URL。 
    vArguments 
    可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。 
    sFeatures 
    可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。 
      dialogHeight 对话框高度，不小于１００px，ＩＥ４中dialogHeight 和 dialogWidth 默认的单位是em，而ＩＥ５中是px，为方便其见，在定义modal方式的对话框时，用px做单位。 
    　　dialogWidth: 对话框宽度。 
    　　dialogLeft: 距离桌面左的距离。 
    　　dialogTop: 离桌面上的距离。 
    　　center: {yes | no | 1 | 0 }：窗口是否居中，默认yes，但仍可以指定高度和宽度。 
    　　help: {yes | no | 1 | 0 }：是否显示帮助按钮，默认yes。 
    　　resizable: {yes | no | 1 | 0 } ［ＩＥ５＋］：是否可被改变大小。默认no。 
    　　status: {yes | no | 1 | 0 } ［IE5+］：是否显示状态栏。默认为yes[ Modeless]或no[Modal]。 
      scroll:{ yes | no | 1 | 0 | on | off }：指明对话框是否显示滚动条。默认为yes。   还有几个属性是用在HTA中的，在一般的网页中一般不使用。 
      dialogHide:{ yes | no | 1 | 0 | on | off }：在打印或者打印预览时对话框是否隐藏。默认为no。 
      edge:{ sunken | raised }：指明对话框的边框样式。默认为raised。 
      unadorned:{ yes | no | 1 | 0 | on | off }：默认为no。 传入参数： 
    要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，对于字符串类型，最大为4096个字符。也可以传递对象，例如： test1.htm 
    ==================== 
    <script> 
      var mxh1 = new Array("mxh","net_lover","孟子E章") 
      var mxh2 = window.open("about:blank","window_mxh") 
      // 向对话框传递数组 
      window.showModalDialog("test2.htm",mxh1) 
      // 向对话框传递window对象 
      window.showModalDialog("test3.htm",mxh2) 
    </script> test2.htm 
    ==================== 
    <script> 
      var a = window.dialogArguments 
      alert("您传递的参数为：" + a) 
    </script> test3.htm 
    ==================== 
    <script> 
      var a = window.dialogArguments 
      alert("您传递的参数为window对象，名称：" + a.name) 
    </script> 可以通过window.returnvalue向打开对话框的窗口返回信息，当然也可以是对象。例如： test4.htm 
    =================== 
    <script> 
      var a = window.showModalDialog("test5.htm") 
      for(i=0;i<a.length;i++) alert(a[i]) 
    </script> test5.htm 
    =================== 
    <script> 
    function sendTo() 
    { 
      var a=new Array("a","b") 
      window.returnvalue = a 
      window.close() 
    } 
    </script> 
    <body> 
    <form> 
      <input value="返回" type=button onclick="sendTo()"> 
    </form> 常见问题： 
    1，如何在模态对话框中进行提交而不新开窗口？ 
    如果你 的 浏览器是IE5.5+,可以在对话框中使用带name属性的iframe，提交时可以制定target为该iframe的name。对于IE4+，你可以用高度为0的frame来作：例子， test6.htm 
    =================== 
    <script> 
      window.showModalDialog("test7.htm") 
    </script> test7.htm 
    =================== 
    if(window.location.search) alert(window.location.search) 
    <frameset rows="0,*"> 
      <frame src="about:blank"> 
      <frame src="test8.htm"> 
    </frameset> test8.htm 
    =================== 
    <form target="_self" method="get"> 
    <input name=txt value="test"> 
    <input type=submit> 
    </form> 
    <script> 
    if(window.location.search) alert(window.location.search) 
    </script> 
    2,可以通过http://servername/virtualdirname/test.htm?name=mxh方式直接向对话框传递参数吗？ 
    答案是不能。但在frame里是可以的。 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ 
    另外： 
    www.csdn.net 
    本人整理 问： 
    1.模态窗口的打开 
    2.模态窗口的关闭 
    3.模态窗口的传递参数。 
    4.其他。 hgknight(江雨.net)答： 
    1.window.showModalDialog("DialogPage.aspx","newwin","dialogHeight: 200px; dialogWidth: 150px; dialogTop: 458px; dialogLeft: 166px; edge: Raised; center: Yes; help: Yes; resizable: Yes; status: Yes;"); 2.window.close(); 3.传值 
    ParentPage.aspx: 
    window.showModalDialog("DialogPage.aspx?para1=aaa&para;2=bbb"); DialogPage.aspx: 
    string str1=Request.QueryString["para1"].toString(); 
    string str2=Request.QueryString["para2"].toString(); 返回值 
    DialogPage.aspx: 
    window.returnvalue="aaa"; ParentPage.aspx: 
    var str=window.showModalDialog("DialogPage.aspx"); 4. 
    aspx页面在showmodeldialog情况下为什么一提交就重新打开一个页面? 
    showmodaldialog打开的页面中在<head></head>之间加入一行：<base target="_self"> 
    －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ 
    snowjin78(方圆) 
    以前，我也问过此类问题，现把收获贴如下（当然好多东西都是别人告诉我的）： 
    最好不要用Response.Write(  "  <script....  </script  >  ")这样的方法注册客户端脚本，而应该用Page.RegisterStartupScript或Page.RegisterClientScriptBlock方法来注册. 
    Page.RegisterClientScriptBlock：   
    在  Page  对象的    <form  runat=  server  >  元素的开始标记后立即发出客户端脚本   
    Page.RegisterStartupScript:   
    该方法在  Page  对象的    <form  runat=  server  >  元素的结束标记之前发出该脚本 客户端代码有两个问题，第一是把window写成了Window，javascript是严格区分大小写的，用Window是肯定会出错的；第二个问题是设置对话框的宽度用dialogWidth，高度用dialogHeight，而不是height和width。！ 
      

  2.   

    just look at flowwindow.open('ddr.aspx','_blank','toolbar=no,directories=no,menubar=no,scrollbars=no,left=170,top=50,width=250,height=100')
      

  3.   

    window.showModalDialog("DialogPage.aspx","newwin","dialogHeight: 200px; dialogWidth: 150px; dialogTop: 458px; dialogLeft: 166px; edge: Raised; center: Yes; help: Yes; resizable: Yes; status: Yes;"); 
    其中：center: Yes就是窗体是否居中
      

  4.   

    屏幕居中：window.moveTo(Math.ceil((window.screen.width-yourwitdh)/2),Math.ceil((window.screen.height-youheight)/2));
      

  5.   

    写在弹出窗口的头部：打开后使用moveTo方法就可以了，把窗口移到屏幕中间，就这么简单
      

  6.   

    对于showModalDialog()、showModelessDialog()有一个Center的style!但这两方法似乎只合用于IE。
    ==============
    如果一定要用open()的话。要把窗口打开到中间。可以自己写个JS。
      

  7.   

    这个是js文件：
    function winOpen(Url,width,height,scrollbar,resize)
    {
    // Url 
    // widht
    // height 
    // scrollbar 0 yes 1 no 
    // resize 0 true 1 false
    ow = width;
    oh = height;
    os = scrollbar;
    or = resize;
    var xposition=0; 
    var yposition=0;
    if ((parseInt(navigator.appVersion) >= 4 ))
    {
    xposition = (screen.width - width) / 2;
    yposition = (screen.height - height-25) / 2;
    }
    window.open (Url,"","width ="+ow+",height="+oh+",scrollbars = "+os+",resizable="+or+",left="+xposition+",top="+yposition );
    }在页面引用：
    <SCRIPT src="js/winopen.js"></SCRIPT>使用：
    <a href="#" onclick='return winOpen("Login.aspx","500","170","yes","yes")'>登 陆</a>
      

  8.   

    【1、最基本的弹出窗口代码】 　　其实代码非常简单： 　　〈SCRIPT LANGUAGE="javascript"〉 
    　　〈!-- 
    　　window.open (′page.html′) 
    　　--〉 
    　　〈/SCRIPT〉 　　因为这是一段javascripts代码，所以它们应该放在〈SCRIPT LANGUAGE="javascript"〉之间。〈!-- 和 --〉是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。 　　window.open (′page.html′) 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。 
    用单引号和双引号都可以，只是不要混用。 
    　　这一段代码可以加入HTML的任意位置，〈head〉和〈/head〉之间可以，〈body〉间〈/body〉也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。 　　【2、经过设置后的弹出窗口】 　　下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。 　　〈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〉　　参数解释：　　〈SCRIPT LANGUAGE="javascript"〉 js脚本开始； 
    　　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为允许； 
    　　〈/SCRIPT〉 js脚本结束