HTML5 JS 实现浏览器全屏(F11的效果)

项目中有需要使用JS来控制浏览器全屏的方法

DEMO地址: http://zhongxia245.github.io/demo/js2fullpanel.html

function fullScreen() {

    var el = document.documentElement,

        rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen,

        wscript;

 

    if(typeof rfs != "undefined" && rfs) {

        rfs.call(el);

        return;

    }

 

    if(typeof window.ActiveXObject != "undefined") {

        wscript = new ActiveXObject("WScript.Shell");

        if(wscript) {

            wscript.SendKeys("{F11}");

        }

    }

}

 

function exitFullScreen() {

    var el = document,

        cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen,

        wscript;

 

    if (typeof cfs != "undefined" && cfs) {

      cfs.call(el);

      return;

    }

 

    if (typeof window.ActiveXObject != "undefined") {

        wscript = new ActiveXObject("WScript.Shell");

        if (wscript != null) {

            wscript.SendKeys("{F11}");

        }

  }

}