关于跨域Iframe里不能全屏

局部全屏方法

 var btn = document.getElementById("btnFull");
        btn.onclick = function () {
            var elem = document.getElementById("table-form");
            requestFullScreen(elem);
        };
        function requestFullScreen(element) {
            var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;
            if (requestMethod) {
                requestMethod.call(element);
            } else if (typeof window.ActiveXObject !== "undefined") {
                var wscript = new ActiveXObject("WScript.Shell");
                if (wscript !== null) {
                    wscript.SendKeys("{F11}");
                }
            }
        }
        function exitFullscreen() {
            if (document.exitFullscreen) {
                document.exitFullscreen();
            } else if (document.msExitFullscreen) {
                document.msExitFullscreen();
            } else if (document.mozCancelFullScreen) {
                document.mozCancelFullScreen();
            } else if (document.webkitExitFullscreen) {
                document.webkitExitFullscreen();
            }
        }

  HTML代码

1 <iframe id="iframe" src="" allowfullscreen="true"></iframe>

加上 allowfullscreen 属性就能使用全屏了

posted @ 2020-08-27 14:42  siyisiyue  阅读(536)  评论(0)    收藏  举报