window.open打开页面居中显示

这几天做报表,这些报表都要以弹出窗口的方式打开,打开需要居中显示。

由于我是个菜鸟,始终没能实现,在网上找了很多资料,最后还是自己摸索出来了。

如果要做的弹出窗体是前台的,不会涉及到后台代码,用我在网上搜集到的方法:

<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);" οnclick="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 οnclick="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

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yeyerl

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值