zoukankan      html  css  js  c++  java
  • 兼容IE浏览器的js浏览器全屏代码

    众所周知,IE是个奇葩的浏览器,但是由于用户量很大,开发者还是不得不为IE考虑一下,于是,各种浏览器相关的操作,都要多一个特别的判断——专门针对IE浏览器的判断,这里的全屏也不例外。看代码:

    function fullScreen() {
    
      var el = document.documentElement;
    
      var rfs = el.requestFullScreen || el.webkitRequestFullScreen || 
    
          el.mozRequestFullScreen || el.msRequestFullScreen;
    
      if(typeof rfs != "undefined" && rfs) {
    
        rfs.call(el);
    
      } else if(typeof window.ActiveXObject != "undefined") {
    
        //for IE,这里其实就是模拟了按下键盘的F11,使浏览器全屏
    
        var wscript = new ActiveXObject("WScript.Shell");
    
        if(wscript != null) {
    
            wscript.SendKeys("{F11}");
    
        }
    
      }
    }

    下面是个简单的例子(假设上面的代码保存在script.js文件中):在按钮中调用这个函数即可实现:

    <html>
    
    <head>
    
    <script type="text/javascript" src="script.js"></script>
    
    </head>
    
    <body>
    
    <div style="margin-top:50px"> <!-- 设置margin-top是为了查看IE全屏前后的区别 -->
    
      <input type="button" value="FullScreen" onclick="fullScreen()" />
    
      <input type="button" value="ExitFullScreen" onclick="exitFullScreen()" />
    
    </div>
    
    </body>
    
    </html>
  • 相关阅读:
    Android之Parcel
    Android常用的IPC通信
    Android之Surface绘制原理
    Android之Surface
    Android之SurfaceFlinger服务
    Android Service(服务)
    Android Service进阶之路
    Android之UI线程启动
    Android之Activity显示原理
    python17-Django进阶
  • 原文地址:https://www.cnblogs.com/PiaoMiaoGongZi/p/4535964.html
Copyright © 2011-2022 走看看