编程 Javascript

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

Posted in Javascript onMarch 10, 2015

本文实例讲述了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程序设计有所帮助。

- Author -

JESTER_WILL

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js实现的网站首页随机公告随机公告

Mar 14 Javascript

精解window.setTimeout()&window.setInterval()使用方式与参数传递问题！

Nov 23 Javascript

jquery 简短几句代码实现给元素动态添加及获取提示信息

Sep 01 Javascript

JS和Jquery获取和修改label的值的示例代码

Jan 15 Javascript

js实现漂浮回顶部按钮实例

May 06 Javascript

js点击按钮实现水波纹效果代码（CSS3和Canves）

Sep 15 Javascript

js实现下拉菜单效果

Mar 01 Javascript

JS开发中百度地图+城市联动实现实时触发查询地址功能

Apr 13 Javascript

Vue.js实现价格计算器功能

Mar 30 Javascript

微信小程序实现滑动切换自定义页码的方法分析

Dec 29 Javascript

Bootstrap table 服务器端分页功能实现方法示例

Jun 01 Javascript

原生JS生成指定位数的验证码

Oct 28 Javascript

Javascript 正则表达式实现为数字添加千位分隔符

Mar 10 #Javascript

jquery+easeing实现仿flash的载入动画

Mar 10 #Javascript

javascript判断css3动画结束 css3动画结束的回调函数

Mar 10 #Javascript

jQuery实现表格颜色交替显示的方法

Mar 09 #Javascript

jQuery实现个性翻牌效果导航菜单的方法

Mar 09 #Javascript

jQuery实现可用于博客的动态滑动菜单

Mar 09 #Javascript

JQuery操作元素的css样式

Mar 09 #Javascript