zoukankan      html  css  js  c++  java
  • js 实现浏览器全屏效果

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>quanping</title>
    </head>
    <body>
        <div id="div" onclick="fullScreen()">全屏</div>
        <div onclick="exitFull()">退出全屏</div>
        <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 exitFull() {
             var exitMethod = document.exitFullscreen || 
             document.mozCancelFullScreen || 
             document.webkitExitFullscreen || 
             document.msExitFullscreen; 
             if (exitMethod) {
              exitMethod.call(document);
             }
             else if (typeof window.ActiveXObject !== "undefined") {//for Internet Explorer
              var wscript = new ActiveXObject("WScript.Shell");
              if (wscript !== null) {
               wscript.SendKeys("{F11}");
              }
             }
            }
    
            document.getElementById('div').click();
        </script>
    </body>
    </html>

    本示例可实现点击全屏效果,但是这个API接口不能实现,页面加载完成就执行全屏的效果

  • 相关阅读:
    HTML 语义化标签-新增标签介绍
    HTML基础知识点
    Android JSON 解析关键代码
    [USACO16DEC]Cities and States省市
    [洛谷P1835]素数密度
    [洛谷P1168]中位数
    [HNOI2008]越狱
    [HAOI2007]上升序列
    [SHOI2009]Booking 会场预约
    [洛谷P1892][codevs2597]团伙
  • 原文地址:https://www.cnblogs.com/hss-blog/p/9040691.html
Copyright © 2011-2022 走看看