弹出窗口介绍及居中设置

 <SCRIPT LANGUAGE="javascript"> 
<!-- 
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no') 
//写成一行 
--> 
</SCRIPT> 

 

参数解释： 
 

<SCRIPT LANGUAGE="javascript"> js脚本开始；  window.open 弹出新窗口的命令；  page.html 弹出窗口的文件名；  newwindow 弹出窗口的名字（不是文件名），非必须，可用空''代替；  height=100 窗口高度；  width=400 窗口宽度；  top=0 窗口距离屏幕上方的象素值；  left=0 窗口距离屏幕左侧的象素值；  toolbar=no 是否显示工具栏，yes为显示；  menubar，scrollbars 表示菜单栏和滚动栏。  resizable=no 是否允许改变窗口大小，yes为允许；  location=no 是否显示地址栏，yes为允许；  status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；  </SCRIPT> js脚本结束

 

 

弹出窗口居中设置：

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; //获得窗口的水平位置;
    var logWindow = window.open(url,name,‘resizable=yes, menubar=no,status=yes,width='+iWidth+',height='+iHeight+',top='+iTop+',left='+iLeft);

    logWindow.focus();                   //弹出窗口获得焦点
    return false;

}

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

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

缺点：与原窗口的大小，位置无关。