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

来源：互联网发布：网络电视有马赛克编辑：程序博客网时间：2024/06/07 01:22

点击链接，弹出最大化窗口或者水平和垂直方向都居中的小窗口
<!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-23
Description: 打开一个最大化的窗口
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-23
Description: 打开一个水平和垂直方向都居中的窗口
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>

0 0