点击链接,弹出最大化窗口或者水平和垂直方向都居中的小窗口
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>测试页</title><script type="text/javascript">/*Author : yenange, 2012-08-23Description: 打开一个最大化的窗口Parameter : url -> 必选项,要打窗口的地址 windowName -> 可选项,窗口名称。注无此参时,将产生一个不会重复的窗口名称,避免再次点击无法打开新窗口。 otherOptions -> 可选项,window.open 中除了left,top,width,height之外的选项。无此参时默认显示所菜单栏工具栏等。Demo : <a href="javascript:void(0)" onclick="openMaxWindow('www.baidu.com','测试窗口名称','location=no')">测试打开最大化窗口</a> <a href="javascript:void(0)" onclick="openMaxWindow('www.baidu.com')">测试打开最大化窗口</a>*/function openMaxWin( url, windowName, otherOptions ){ if( typeof(url)=="undefined" ){ url=""; } if( typeof(windowName)=="undefined" || windowName=="" ){ windowName= new Date().getTime(); } if( typeof(otherOptions)=="undefined" ){ otherOptions="alwaysRaised=yes,location=yes,menubar=yes,resizable=yes,scrollbars=yes,titlebar=yes,toolbar=yes"; } window.open(url, windowName, " left=0,top=0,width="+ (screen.availWidth - 10) +",height="+ (screen.availHeight-50) +","+ otherOptions );}/*Author : yenange, 2012-08-23Description: 打开一个水平和垂直方向都居中的窗口Parameter : url -> 必选项,要打窗口的地址 width -> 可选项, 窗口宽度。如无则默认为600 height -> 可选项, 窗口宽度。如无则默认为450 windowName -> 可选项,窗口名称。注无此参时,将产生一个不会重复的窗口名称,避免再次点击无法打开新窗口。 otherOptions -> 可选项,window.open 中除了left,top,width,height之外的选项。无此参时默认不显示菜单栏等。Demo : <a href="javascript:void(0)" onclick="openCenWin('www.baidu.com',600,500,'测试窗口名称','location=no')">水平和垂直方向都居中的窗口</a> <a href="javascript:void(0)" onclick="openCenWin('www.baidu.com')">水平和垂直方向都居中的窗口</a>*/function openCenWin( url, width, height, windowName, otherOptions ){ if( typeof(url)=="undefined" ){ url=""; } if( typeof(width)=="undefined" ){ width = 600; } if( typeof(height)=="undefined" ){ height = 450; } var left = ( screen.availWidth - width )/2; var top = ( screen.availHeight - height )/2; if( typeof(windowName)=="undefined" || windowName=="" ){ windowName= new Date().getTime(); } if( typeof(otherOptions)=="undefined" ){ otherOptions="alwaysRaised=yes,location=no,menubar=no,resizable=yes,scrollbars=no,titlebar=no,toolbar=no"; } window.open(url, windowName, " left="+ left +",top=" + top + ",width="+ width +",height="+ height +","+ otherOptions );}</script></head><body> <div> <a href="javascript:void(0)" onclick="openMaxWin('www.baidu.com','测试窗口名称','location=no')">测试打开最大化窗口</a> <a href="javascript:void(0)" onclick="openMaxWin('www.baidu.com')">测试打开最大化窗口_仅url</a> <a href="javascript:void(0)" onclick="openCenWin('www.baidu.com',600,500,'测试窗口名称','location=no')">水平和垂直方向都居中的窗口</a> <a href="javascript:void(0)" onclick="openCenWin('www.baidu.com')">水平和垂直方向都居中的窗口_仅url</a> </div></body></html>