编程 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 相关文章推荐

javascript中有趣的反柯里化深入分析

Dec 05 Javascript

JavaScript中使用arguments获得函数传参个数实例

Aug 27 Javascript

jQuery中removeAttr()方法用法实例

Jan 05 Javascript

javascript转换静态图片，增加粒子动画效果

May 28 Javascript

JS实现兼容各浏览器解析XML文档数据的方法

Jun 01 Javascript

JQUERY实现网页右下角固定位置展开关闭特效的方法

Jul 27 Javascript

js 动态添加元素(div、li、img等)及设置属性的方法

Jul 19 Javascript

javascript学习笔记_浅谈基础语法,类型,变量

Sep 19 Javascript

网页挂马方式整理及详细介绍

Nov 03 Javascript

微信小程序tabBar底部导航中文注解api详解

Aug 16 Javascript

vue实现一个炫酷的日历组件

Oct 08 Javascript

在antd4.0中Form使用initialValue操作

Nov 02 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