兼容IE浏览器的js浏览器全屏代码

最新推荐文章于 2024-08-12 10:01:44 发布

dingjianzhu9863

最新推荐文章于 2024-08-12 10:01:44 发布

阅读量588

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/PiaoMiaoGongZi/p/4535964.html

版权

众所周知，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" οnclick="fullScreen()" />

  <input type="button" value="ExitFullScreen" οnclick="exitFullScreen()" />

</div>

</body>

</html>

转载于:https://www.cnblogs.com/PiaoMiaoGongZi/p/4535964.html

dingjianzhu9863

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
兼容IE浏览器的js浏览器全屏代码

众所周知，IE是个奇葩的浏览器，但是由于用户量很大，开发者还是不得不为IE考虑一下，于是，各种浏览器相关的操作，都要多一个特别的判断——专门针对IE浏览器的判断，这里的全屏也不例外。看代码：function fullScreen() { var el = document.documentElement; var rfs = el.requestFullScr...
复制链接

扫一扫