首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

点击链接,弹出最大化窗口可能水平和垂直方向都居中的小窗口

2012-09-02 
点击链接,弹出最大化窗口或者水平和垂直方向都居中的小窗口!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0

点击链接,弹出最大化窗口或者水平和垂直方向都居中的小窗口

<!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>


热点排行