liuwenliang的个人博客分享 http://blog.sciencenet.cn/u/liuwenliang

博文

[转载]js 实现各浏览器全屏

已有 1758 次阅读 2019-7-17 11:19 |个人分类:js|系统分类:科研笔记|文章来源:转载

现代浏览器包括ie11,可以直接用h5的全屏api实现 
低版本的IE需要通过ActiveX插件实现;

//直接上代码


<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

        <button onclick="fullScreen()">现代浏览器全屏</button>


        <button onclick="exitScreen()">现代浏览器退出</button>


        <button onclick="iefull()">低版本ie全屏</button>

    </body>

    <script src="js/jquery-2.1.1.js" type="text/javascript" charset="utf-8"></script>

    <script type="text/javascript">

        //全屏

        function fullScreen(){

            var el = document.documentElement;

            var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullscreen;      

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

                    rfs.call(el);

                };

              return;

        }

        //退出全屏

        function exitScreen(){

            if (document.exitFullscreen) {  

                document.exitFullscreen();  

            }  

            else if (document.mozCancelFullScreen) {  

                document.mozCancelFullScreen();  

            }  

            else if (document.webkitCancelFullScreen) {  

                document.webkitCancelFullScreen();  

            }  

            else if (document.msExitFullscreen) {  

                document.msExitFullscreen();  

            } 

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

                cfs.call(el);

            }

        }

        //ie低版本的全屏,退出全屏都这个方法

        function iefull(){

            var el = document.documentElement;

            var rfs =  el.msRequestFullScreen;

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

                //这的方法 模拟f11键,使浏览器全屏

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

                if(wscript != null) {

                    wscript.SendKeys("{F11}");

                }

            }

        }

        //注:ie调用ActiveX控件,需要在ie浏览器安全设置里面把 ‘未标记为可安全执行脚本的ActiveX控件初始化并执行脚本’ 设置为启用

    </script>

</html>


转自:https://blog.csdn.net/m0_37885651/article/details/79231670



https://blog.sciencenet.cn/blog-3409972-1189901.html

上一篇:DEM
下一篇:[转载]arcgis server 端口被占用解决办法 4000端口被javaw.exe占用
收藏 IP: 210.72.26.*| 热度|

0

评论 (0 个评论)

数据加载中...

Archiver|手机版|科学网 ( 京ICP备07017567号-12 )

GMT+8, 2024-11-15 11:24

Powered by ScienceNet.cn

Copyright © 2007- 中国科学报社

返回顶部