zoukankan      html  css  js  c++  java
  • ie中自动识别单屏与双屏(js)

    <!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>
    
  • 相关阅读:
    微信小程序实现滚动到指定位置
    微信小程序,scroll-view组件的使用,跳转到指定的锚点/定位跳转
    小程序,报渲染层错误。图片无法渲染。
    input Input 输入判断/正则
    js,某元素在浏览器页面浮动/飘动
    前端模块化
    npx create-react-app命令不成功,更改成淘宝镜像
    深入理解jdk和jre(转)
    Java学习路线图·影响一代又一代程序员的经典书籍!(转)
    ZAB协议(转)
  • 原文地址:https://www.cnblogs.com/gaocong/p/5421347.html
Copyright © 2011-2022 走看看