如何让弹出窗口居中

xxzsx 2013-12-02 11:43:25

使用window.open弹出的窗口如何显示在屏幕中间。

...全文

185 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

是时候重装系统了 2013-12-02

打赏
举报

用第三方吧

fancybox

这个挺好的

what是个穷孩纸 2013-12-02

打赏
举报

引用 1 楼 hou306010849 的回复:

[quote=引用楼主 xxzsx 的回复:] 使用window.open弹出的窗口如何显示在屏幕中间。


Javascript代码
function openwindow(url,name,iWidth,iHeight)
{
var url; //转向网页的地址;
var name; //网页名称，可为空;
var iWidth; //弹出窗口的宽度;
var iHeight; //弹出窗口的高度;
var iTop = (window.screen.availHeight-30-iHeight)/2; //获得窗口的垂直位置;
var iLeft = (window.screen.availWidth-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');
}
使用时调用这个函数即可。如：
<a href="javascript:void(0);" onclick="javascript:openwindow('a.html','',400,200);">转到a</a>
缺点：与原窗口的大小，位置无关。

[/quote]

Im_Sorry 2013-12-02

打赏
举报

引用楼主 xxzsx 的回复:

使用window.open弹出的窗口如何显示在屏幕中间。


Javascript代码
function openwindow(url,name,iWidth,iHeight)
{
var url; //转向网页的地址;
var name; //网页名称，可为空;
var iWidth; //弹出窗口的宽度;
var iHeight; //弹出窗口的高度;
var iTop = (window.screen.availHeight-30-iHeight)/2; //获得窗口的垂直位置;
var iLeft = (window.screen.availWidth-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');
}
使用时调用这个函数即可。如：
<a href="javascript:void(0);" onclick="javascript:openwindow('a.html','',400,200);">转到a</a>
缺点：与原窗口的大小，位置无关。