<!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. ant design pro （六）样式

    一.概述 参看地址:https://pro.ant.design/docs/style-cn 基础的 CSS 知识或查阅属性,可以参考 MDN文档. 二.详细介绍 2.1.less Ant Desig ...

  2. shiny安装使用入门

    下载最新版R(至少3.2.5版本),在CRAN上下载: 打开R install.packages("shiny")#安装shiny包 library(shiny)#如果出现warn ...

  3. windows bat文件运行中文乱码

      windows bat文件运行中文乱码 CreationTime--2018年7月17日08点51分 Author:Marydon 1.情景展示 运行bat文件,里面的中文提示显示乱码 2.问题剖 ...

  4. myDate97 设置开始时间和结束时间

      myDate97 设置开始时间和结束时间 CreationTime--2018年8月28日16点46分 Author:Marydon 1.简单示例 第一步:引入My97DatePicker/Wda ...

  5. LDAP编辑器 LDAPAdmin

    LDAPAdmin 是一个在 Windows 用来编辑 LDAP 账户信息的管理工具,采用 Delphi 开发.

  6. Bootstrap 3 Menu Generator

    Bootstrap 3 Menu Generator

  7. cxf 生成客户端代码调用服务

    cxf是另一种发布webservice的方式,与jdk提供的相比 jdk提供的是wsimport cxf 提供的是 wsdl2java- d 地址 根据http://www.cnblogs.com/f ...

  8. Ubuntu开机自动禁用无线网络

    让ubuntu开机自动禁用无线网络. 1.自启动脚本 将下面这条禁用无线网络的命令添加到“启动应用程序“中,这样开机时无线网络就会被自动禁用. dbus-send --system --type=me ...

  9. Redis全方位讲解--主从复制(转载)

    前言 前面介绍了redis持久化和容灾备份,这篇会介绍redis主从复制和redis持久化在主从复制中的一些应用.因为本人没有那么多服务器或机器,所以这里主要介绍下如何在docker容器中搭建主从复制 ...

  10. Python3.2官方文档翻译--输出格式化

    第八章 标准库二 第二部分涵盖了很多更能满足专业开发者需求的高级模块.这些模块在小脚本中非常少出现. 8.1 输出格式化 Reprlib模块为大型的或深度嵌套的容器缩写显示提供了repr()函数的一个 ...