您的位置：首页 > 运维架构

window.open打开页面居中显示

2011-07-12 13:03 423 查看

这几天做报表，这些报表都要以弹出窗口的方式打开，打开需要居中显示。由于我是个菜鸟，始终没能实现，在网上找了很多资料，最后还是自己摸索出来了。如果要做的弹出窗体是前台的，不会涉及到后台代码，用我在网上搜集到的方法：

<script type="text/javascript">

function openwindow(url,name,iWidth,iHeight)
 {
  var url;                            //转向网页的地址;
  var name;                           //网页名称，可为空;
  var iWidth;                         //弹出窗口的宽度;
  var iHeight;                        //弹出窗口的高度;
  //window.screen.height获得屏幕的高，window.screen.width获得屏幕的宽
  var iTop = (window.screen.height-30-iHeight)/2;       //获得窗口的垂直位置;
  var iLeft = (window.screen.width-10-iWidth)/2;        //获得窗口的水平位置;
  window.open(url,name,'height='+iHeight+',,innerHeight='+iHeight+',width='+iWidth+',innerWidth='+iWidth+',top='+iTop+',left='+iLeft+',toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no');
 }

</script>

使用时调用这个函数即可。如：

<a href="javascript:void(0);" onclick="javascript:openwindow('a.html','',400,200);">转到a</a>

还有一种方法，这个是cnblogs发帖时最下面Tag标签的代码：

<div class="itemspace">
 Tag标签:
 <input name="Editor$Edit$Advanced$txbTag" type="text" id="Editor_Edit_Advanced_txbTag" style="width: 500px" /> 
 <a onclick="leftVal = (screen.width - 300) / 2;topVal = (screen.height - 500) / 2;window.open( 'InsertTag.aspx','_blank','width=300,height=500,toolbars=yes,resizable=yes,scrollbars=yes,left='+leftVal+',top='+topVal);return false" href="#">插入已有标签</a> (多个关键字之间用“,”分隔，最多不超过10个)</div>
<div class="itemspace">

如果要在asp.net后台弹出这个窗口，那就用我下面的代码：

int width = System.Windows.Forms.Screen.PrimaryScreen.Bounds.Width;     //获得屏幕的宽

int height = System.Windows.Forms.Screen.PrimaryScreen.Bounds.Height;   //获得屏幕的高

//如果不能弹出，就寻找其它方法(Page.ClientScript.RegisterStartupScript，Page.ClientScript.RegisterClientScriptBlock之类的)
ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "", "<script>window.open('http://www.baidu.com','','width=" + (width - 200) + ",height=" + (height - 90) + ", top=10, left=" + ((width - 20) - (width - 200)) / 2 + ",toolbar=no, menubar=no, scrollbars=yes, resizable=yes,location=n o, status=no')</script>", true);

同样的文章我也发表在博客园：http://www.cnblogs.com/yeyerl/archive/2011/07/12/2104146.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航