居中的弹出式窗口

yonguo

浏览: 244218 次
性别:
来自: 上海

最近访客更多访客>>

hxt1227

paynexss

inclick

wintersun2

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Javascript入门

JavaScript HTML

方式一：JS代码创建窗口

js 代码

<script>
var popup = new Object()
function CenterPopup(URL, width, height)
{
// Window dimensions:
var theWidth, theHeight;
if (window.innerWidth)
theWidth=window.innerWidth;
else if (document.documentElement && document.documentElement.clientWidth)
theWidth=document.documentElement.clientWidth;
else if (document.body)
theWidth=document.body.clientWidth;
if (window.innerHeight)
theHeight=window.innerHeight;
else if (document.documentElement && document.documentElement.clientHeight)
theHeight=document.documentElement.clientHeight;
else if (document.body)
theHeight=document.body.clientHeight;
// Window origin
var originX, originY;
if (window.innerHeight) {
originX=screenX+(window.outerWidth-window.innerWidth);
originY=screenY+(window.outerHeight-window.innerHeight);
}
else {
originX=screenLeft;
originY=screenTop;
}
var X = theWidth/2;
var Y = theHeight/2;
var features='"scrollbars=0, ' +
'width=' + width + ', ' +
'height=' + height + ', ' +
'top=' + parseInt(originY + (Y - (height/2))) + ', ' + //
'left=' + parseInt(originX + (X - (width/2))) + '"';
popup = window.open(URL, "PopUp", features);
popup.focus()
}
</script>
<html>
<body>
<a href="#" onclick="CenterPopup('house.html',500,400)">open new window</a>
</body>
</html>

方式二：open()打开窗口

js 代码

<HTML>
<Head>
<Script Language=JavaScript>
var popWin = "";
function openwin(url, strWidth, strHeight){
if (popWin != ""){popWin.close()}
leftStr = (screen.width-strWidth)/2;
topStr = (screen.height-strHeight)/2;
windowProperties = "toolbar=no,menubar=no,scrollbars=no,stausbar=no,height="+strHeight+",width="+strWidth+",left="+leftStr+",top="+topStr+"";
popWin = window.open(url,'newWin',windowProperties);
}
</Script>
</Head>
<Body>
<a href="#" onClick="openwin('house.html',400,325)">Open a centered popup window</a>
</Body>
</HTML>

分享到：

C3P0连接池错误 | 关闭窗口时执行，刷新窗口不执行

2007-08-30 21:50
浏览 2535
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

居中的弹出式窗口

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

居中的弹出式窗口

评论

发表评论

相关推荐

CSS IE6、IE7、FF兼容性的详细CSS HACK

window.open用法详解(转)

关闭窗口时执行，刷新窗口不执行

Javascript 去除空格函数

showModalDialog一个窗口后，如何可以控制父窗口

JavaScript读写Cookie

如何改变样式

最近访客更多访客>>