重新装了系统，昨天没来灌水，今天继续。
在网页中打开新窗口是经常遇到的，但默认并不居中显示，如何让网页居中显示呢，下面我们来看看。用到两个文件，openWin1.htm,openWin2.htm , 最主要的就是openWin1.htm, openWin2.htm 只是作为新窗口打开。代码如下：
openWin1.htm:
<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<script language="javascript">
function openWin(htmUrl)
{
var url=htmUrl; //要打开的窗口
var winName="newWin"; //给打开的窗口命名
// screen.availWidth 获得屏幕宽度
// screen.availHeight 获得屏幕高度
// 居中的算法是：
// 左右居中： (屏幕宽度-窗口宽度)/2
// 上下居中： (屏幕高度-窗口高度)/2
var awidth=screen.availWidth/6*5; //窗口宽度,需要设置
var aheight=screen.availHeight/5*4; //窗口高度,需要设置
var atop=(screen.availHeight - aheight)/2; //窗口顶部位置,一般不需要改
var aleft=(screen.availWidth - awidth)/2; //窗口放中央,一般不需要改
var param0="scrollbars=0,status=0,menubar=0,resizable=2,location=0"; //新窗口的参数
//新窗口的左部位置，顶部位置，宽度，高度
var params="top=" + atop + ",left=" + aleft + ",width=" + awidth + ",height=" + aheight + "," + param0 ;
win=window.open(url,winName,params); //打开新窗口
win.focus(); //新窗口获得焦点
}
</script>
</head>
<body>
<p>javascript 打开一个居中显示的网页</p>
<p><input type="button" value="打开新窗口" name="B3" onclick="openWin('openWin2.htm');"></p>
<p> </p>
</body>
</html>
___________________________________________________________
openWin2.htm:
<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>
<body>
<p>我是用javascript打开的新窗口，我居中显示。</p>
</body>
</html>
___________________________________________________________________
把以上代码保存就可以看到效果。注释代码部分有，时间关系这里不再重复。
写完才发现今天周末。
[em06]
| 
发表于 2006-1-14 22:41
