js实现全屏及退出全屏

HTML代码

<a class="button fr" id="full_screen"><i class="icon icon_full"></i><span>全屏</span></a>

js

var $fullScreenEle = $('#full_screen'),
            $fsChildEle = $fullScreenEle.children('i'),
            $fsChildSpan = $fullScreenEle.children('span'),
            $navbarEle = $('.zh-navbar'),
            $headerEle = $('.zh-header');
        $fullScreenEle.click(function () {
            console.log($fsChildEle.hasClass('icon_full'))
            if ($fsChildEle.hasClass('icon_full')) { // 全屏
                var docEle = document.documentElement;
                var rfs = docEle.requestFullScreen || docEle.webkitRequestFullScreen || docEle.mozRequestFullScreen || docEle.msRequestFullScreen;
                if (rfs) {
                    rfs.call(docEle);
                } else if (typeof window.ActiveXObject !== "undefined") {
                    var wscript = new ActiveXObject("WScript.Shell");
                    if (wscript != null) {
                        wscript.SendKeys("{F11}");
                    }
                }
                $fsChildEle.removeClass('icon_full').addClass('icon_exit_full');
                $fsChildSpan.text("取消全屏");
                $navbarEle.hide();
                $headerEle.css('top', 10);
            } else { // 退出全屏
                var cfs = document.cancelFullScreen || document.webkitCancelFullScreen || document.mozCancelFullScreen || document.exitFullScreen;
                if (cfs) {
                    cfs.call(document);
                } else if (typeof window.ActiveXObject !== "undefined") {
                    var wscript = new ActiveXObject("WScript.Shell");
                    if (wscript != null) {
                        wscript.SendKeys("{F11}");
                    }
                }
                $fsChildEle.addClass('icon_full').removeClass('icon_exit_full');
                $fsChildSpan.text("全屏");
            }
        });