编程 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:new 一个函数和直接调用函数的区别分析

Jul 10 Javascript

jquery使用$(element).is()来判断获取的tagName

Aug 24 Javascript

canvas知识总结

Jan 25 Javascript

JS实现动态给标签控件添加事件的方法示例

May 13 Javascript

AngularJs用户输入动态模板XSS攻击示例详解

Apr 21 Javascript

在vscode里使用.vue代码模板的方法

Apr 28 Javascript

JS动态插入脚本和插入引用外部链接脚本的方法

May 21 Javascript

vue自定义一个v-model的实现代码

Jun 21 Javascript

基于vue2.0实现仿百度前端分页效果附实现代码

Oct 30 Javascript

详解React 服务端渲染方案完美的解决方案

Dec 14 Javascript

jQuery添加新内容的四个常用方法分析【append，prepend，after，before】

Mar 19 jQuery

对Layer UI 模块化的用法详解

Sep 26 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