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

最新推荐文章于 2022-07-14 21:20:21 发布

吉普赛的歌

最新推荐文章于 2022-07-14 21:20:21 发布

阅读量3.4k

点赞数

分类专栏： # JS 文章标签： javascript url 测试 xhtml date html

本文链接：https://blog.csdn.net/yenange/article/details/7900828

版权

JS 专栏收录该内容

84 篇文章 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-23
Description: 打开一个最大化的窗口
Parameter  : url          -> 必选项，要打窗口的地址
             windowName   -> 可选项，窗口名称。注无此参时，将产生一个不会重复的窗口名称，避免再次点击无法打开新窗口。
             otherOptions -> 可选项，window.open 中除了left,top,width,height之外的选项。无此参时默认显示所菜单栏工具栏等。
Demo       : <a href="javascript:void(0)" οnclick="openMaxWindow('www.baidu.com','测试窗口名称','location=no')">测试打开最大化窗口</a>
             <a href="javascript:void(0)" οnclick="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)" οnclick="openCenWin('www.baidu.com',600,500,'测试窗口名称','location=no')">水平和垂直方向都居中的窗口</a>
             <a href="javascript:void(0)" οnclick="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)" οnclick="openMaxWin('www.baidu.com','测试窗口名称','location=no')">测试打开最大化窗口</a>
        <a href="javascript:void(0)" οnclick="openMaxWin('www.baidu.com')">测试打开最大化窗口_仅url</a>
        <a href="javascript:void(0)" οnclick="openCenWin('www.baidu.com',600,500,'测试窗口名称','location=no')">水平和垂直方向都居中的窗口</a>
        <a href="javascript:void(0)" οnclick="openCenWin('www.baidu.com')">水平和垂直方向都居中的窗口_仅url</a>
    </div>
</body>
</html>