js控制页面的全屏展示和退出全屏显示的方法

前端技术 2023/09/04 JavaScript

本文实例讲述了js控制页面的全屏展示和退出全屏显示的方法。分享给大家供大家参考。具体实现方法如下：

复制代码 代码如下:
<!DOCTYPE html>   
<html>   
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />   
<body>   
<div style=\"margin:0 auto;height:600px;width:700px;\"> 
<button id=\"btn\">js控制页面的全屏展示和退出全屏显示</button>   
<div id=\"content\" style=\"margin:0 auto;height:500px;width:700px; background:#ccc;\" > 
<h1>js控制页面的全屏展示和退出全屏显示</h1>   
</div> 
</div>   
</body>   
<script language=\"JavaScript\">     
document.getElementById(\"btn\").onclick=function(){    
    var elem = document.getElementById(\"content\");     
    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}\");   
        }   
    }   
}   
</script>   
</html>

希望本文所述对大家的javascript程序设计有所帮助。

本文地址：https://www.stayed.cn/item/11593

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案