1. /**
    2.  * 全屏查看
    3.  * @param el
    4.  */
    5. function fullScreen(el) {
    6.     let rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen,
    7.         wscript;
    9.     if (typeof rfs !== "undefined" && rfs) {
    10.         rfs.call(el);
    11.         return;
    12.     }
    14.     if (typeof window.ActiveXObject !== "undefined") {
    15.         wscript = new ActiveXObject("WScript.Shell");
    16.         if (wscript) {
    17.             wscript.SendKeys("{F11}");
    18.         }
    19.     }
    20. }
    22. /**
    23.  * 全屏关闭
    24.  * @param e
    25.  */
    26. function exitFullScreen(e) {
    27.     let el = document,
    28.         cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen,
    29.         wscript;
    31.     if (typeof cfs !== "undefined" && cfs) {
    32.         cfs.call(el);
    33.         return;
    34.     }
    36.     if (typeof window.ActiveXObject !== "undefined") {
    37.         wscript = new ActiveXObject("WScript.Shell");
    38.         if (wscript !== null) {
    39.             wscript.SendKeys("{F11}");
    40.         }
    41.     }
    42. }
    44. const oBtnFullOpen = document.getElementById('btnFullOpen');
    45. const oContent = document.getElementById('content');
    46. const oBtnFullQuite = document.getElementById('btnFullQuite');
    48. oBtnFullOpen.onclick = function () {
    49.     fullScreen(oContent);
    50.     oBtnFullQuite.setAttribute("style", "display:block");
    51.     oBtnFullOpen.setAttribute("style", "display:none");
    52. };
    54. oBtnFullQuite.onclick = function () {
    55.     exitFullScreen(oContent);
    56.     oBtnFullQuite.setAttribute("style", "display:none");
    57.     oBtnFullOpen.setAttribute("style", "display:block");
    58. };