ie中自動識別單屏與雙屏(js) - gaocong－IT工程師數位筆記本

文章出處

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Line</title>
   
    <script type="text/javascript">
        window.onload = function () {
            document.getElementById("btnZX").onclick = function () {
                var locator = new ActiveXObject("WbemScripting.SWbemLocator");
                var service = locator.ConnectServer(".");

                //顯示器
                var xsq = new Enumerator(service.ExecQuery("select * from Win32_DesktopMonitor"));

                //得到所有顯示器的分辨率
                //如果有2個顯示器，則有2對分辨率；反之，則為1個顯示器
                var xsq1Width;
                var xsq1Height;
                var xsq2Width;
                var xsq2Height;
                var i = 1;

                for (; !xsq.atEnd() ; xsq.moveNext()) {
                    if (i == 1) {
                        xsq1Width = xsq.item().ScreenWidth;
                        xsq1Height = xsq.item().ScreenHeight;
                    } else if (i == 2) {
                        xsq2Width = xsq.item().ScreenWidth;
                        xsq2Height = xsq.item().ScreenHeight;
                    }
                    i++;
                }


                //判斷單雙屏
                if ((xsq1Width == null && xsq1Height == null) || (xsq2Width == null && xsq2Height == null)) {
                    window.open("", "", "top=0,left=0,alwaysRaised=no,fullscreen=yes");
                }
                else {
                    //顯示器1是主屏
                    if (window.screen.width == xsq1Width && window.screen.height == xsq1Height) {
                        if (window.screenLeft >= 0 && window.screenLeft < xsq1Width) {
                            window.open("", "", "top=0,left=" + xsq1Width + ",width=" + (xsq2Width - 20) + ",height=" + xsq2Height + "");
                        }
                        if (window.screenLeft >= xsq1Width && window.screenLeft < (xsq1Width + xsq2Width)) {
                            //從右向左跳
                            window.open("", "", "top=0,left=0,width=" + (xsq1Width - 20) + ",height=" + xsq1Height + "");
                        }
                    }


                    //顯示器2是主屏 
                    if (window.screen.width == xsq2Width && window.screen.height == xsq2Height) {
                        //alert("顯示器2是主屏");

                        if (window.screenLeft >= 0 && window.screenLeft < xsq2Width) {
                            
                            window.open("", "", "top=0,left=0,width=" + (xsq1Width - 20) + ",height=" + xsq1Height + "");
                        }
                        if (window.screenLeft >= (-xsq1Width) && window.screenLeft < 0) {
                            //從左向右跳
                           
                            var objWin = window.open("", "", "top=0,left=0,width=" + (xsq2Width - 20) + ",height=" + xsq2Height + "");
                        }
                    }
                }

            }

        }
       
    </script>

</head>
<body>
    <div>
        <button type="button" id="btnZX">專線</button>
    </div>
</body>
</html>

文章列表