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

ie中自动识别单屏与双屏(js)的更多相关文章

  1. aspx中的表单验证 jquery.validate.js 的使用 以及 jquery.validate相关扩展验证(Jquery表单提交验证插件)

    这一期我们先讲在aspx中使用 jquery.validate插件进行表单的验证, 关于MVC中使用 validate我们在下一期中再讲     上面是效果,下面来说使用步骤 jQuery.Valid ...

  2. 原生js实现单屏滚动

    类似于fullpage的单屏滚动,使用原生JS实现,不依赖任何js库: css: html,body {height:100%;} body {margin:0px;} div {height:100 ...

  3. vue 中如何对公共css、 js 方法进行单文件统一管理，全局调用

    1.前言 最近,为公司开发交付的一个后台管理系统项目,我使用了 Vue 框架进行开发实践. 模块化.组件化.工程化的开发体验非常好.良好的 api,优雅的设计,对于工程师非常友好. 但是由于模块比较多 ...

  4. js利用clipboardData在网页中实现截屏粘贴的功能

    目前仅有高版本的 Chrome 浏览器支持这样直接粘贴,其他浏览器目前为止还无法粘贴,不过火狐和ie11浏览器在可编辑的div中能够粘贴截图的图片也是base64位和Chrome利用clipboard ...

  5. fullpage 单屏高度超过屏幕高度，实现单屏内可以滚动并解决手机端单屏高度不正确的问题

    最近接触了好几次jquery.fullpage.js这个插件,实现整屏的滑动,效果很炫,用fullpage来实现也很简单,但是也碰到了一些问题和大家分享一下 1.单屏高度超过屏幕高度,实现单屏的滑动 ...

  6. 用JQ仿造百度书籍预售页面的单屏滚页效果

    今天的项目需要做到一个介绍页面,我主动提出走单屏滚页的风格,毕竟交互性好,逼格也高,具体效果可以参照百度知道书籍预售页面. 其实现效果就大概是这样的: 还是老样子,所有步骤文件可以从我的Github上 ...

  7. JS的Touch事件们,触屏时的js事件

    丫的,终于找到了JS在平板电脑上的事件!!!   iphone.ipod Touch.ipad触屏时的js事件   1.Touch事件简介   pc上的web页面鼠标会产生onmousedown.on ...

  8. 表单验证--通过原生js模仿ajax的异步交互

    今天给大家带来个福利,我也是刚刚学习的很实用的一个东西,通过原生js模仿ajax的异步交互. 我的博客只是给那些新手看的大神勿喷,写的不好可留言,请指出. 因为当初自己学的时候一个问题不会找人问,知道 ...

  9. Unity中Oculus分屏相机和普通相机一键切换

    Unity中Oculus分屏相机和普通相机一键切换 一.OCulus 分屏相机介绍 在VR开发工程中,总会觉得OC分屏的处理太慢,严重浪费时间啊! 但是不使用有不好调试,来回切换相机就成为了一个必须. ...

随机推荐

  1. 解决Android 5.1系统以上通知状态栏小图标仅仅显示白色问题

    看上图,想必大家都有遇到过吧.近期俺也遇到了,找到了解决方法,如今分享下也做个记录哈. 问题发生的规则是Android5.1或者以上的手机系统使用了非常多的颜色的通知图标,就会出现,怎么解决呢,非常e ...

  2. Wait--使用sys.dm_io_virtual_file_stats来查看IO延迟

    /*============================================================================ File: VirtualFileStat ...

  3. excel 截取单元格部分内容（从指定位置截取）

      excel 截取单元格部分内容(从指定位置截取) CreateTime--2018年5月28日08:28:46 Author:Marydon 1.情景展示 截取手机号后6位 2.实现 语法说明:r ...

  4. 【bat】通过for循环复制一张图片100次

    代码如下: @echo off set "F=1" cd C:\Users\Thinkpad\Desktop\img for /L %%F IN (1,1,100) DO COPY ...

  5. CSS border 生成三角

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xht ...

  6. android使用achartengine 实现折线图

    折线图的实现分为下边几个步骤: 1.第一步:数据的准备 XYMultipleSeriesDataset mDataset = new XYMultipleSeriesDataset(); XYSeri ...

  7. linux 查看 内存条具体信息, 几根内存条 命令

    sudo dmidecode | grep -A16 "Memory Device$" 需要root 权限.. [life@localhost mp3blaster-3.2.5]$ ...

  8. axure rp 8.0

    授权人:University of Science and Technology of China (CLASSROOM) 授权密钥:DTXRAnPn1P65Rt0xB4eTQ+4bF5IUF0gu0 ...

  9. RMAN检查数据库physical/logical corruption

    1.检测physical corruption RMAN> backup validate database archivelog all; 2.检测logical corruption RMA ...

  10. EF Code First：使用T4模板生成相似代码

    http://developer.51cto.com/art/201309/409948.htm