兼容IE瀏覽器的js瀏覽器全屏代碼 - PiaoMiaoGongZi－IT工程師數位筆記本

文章出處

眾所周知，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>

文章列表