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程序设计有所帮助。

Javascript 相关文章推荐
在chrome中window.onload事件的一些问题
Mar 01 Javascript
理解Javascript_11_constructor实现原理
Oct 18 Javascript
jQuery插件开发全解析
Oct 10 Javascript
js登录弹出层特效
Mar 07 Javascript
js+csss实现的一个带复选框的下拉框
Sep 29 Javascript
Javascript动态创建div的方法
Feb 09 Javascript
jQuery简单获取DIV和A标签元素位置的方法
Feb 07 Javascript
JavaScript代码执行的先后顺序问题
Oct 29 Javascript
详解Puppeteer 入门教程
May 09 Javascript
layui table 参数设置方法
Aug 14 Javascript
微信小程序可滑动月日历组件使用详解
Oct 21 Javascript
Vue前端判断数据对象是否为空的实例
Sep 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
You might like
一步一步学习PHP(3) php 函数
2010/02/15 PHP
一步一步学习PHP(5) 类和对象
2010/02/16 PHP
php基于闭包实现函数的自调用(递归)实例分析
2016/11/11 PHP
使用 PHP Masked Package 屏蔽敏感数据的实现方法
2019/10/15 PHP
关于实现代码语法标亮 dp.SyntaxHighlighter
2007/02/02 Javascript
js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
2010/04/14 Javascript
js实现的GridView即表头固定表体有滚动条且可滚动
2014/02/19 Javascript
asp.net+js实现金额格式化
2015/02/27 Javascript
jquery实现的美女拼图游戏实例
2015/05/04 Javascript
javascript实现的网站访问量统计代码
2015/12/20 Javascript
3kb jQuery代码搞定各种树形选择的实现方法
2016/06/10 Javascript
jQuery实现左侧导航模块的显示与隐藏效果
2016/07/04 Javascript
js实现表单提交后不重新刷新当前页面
2016/11/30 Javascript
JS获取鼠标坐标并且根据鼠标位置不同弹出不同内容
2017/06/12 Javascript
分分钟学会vue中vuex的应用(入门教程)
2017/09/14 Javascript
Vue.js+cube-ui(Scroll组件)实现类似头条效果的横向滚动导航条
2019/06/24 Javascript
Layui事件监听的实现(表单和数据表格)
2019/10/17 Javascript
Vue.js watch监视属性知识点总结
2019/11/11 Javascript
Python之父谈Python的未来形式
2016/07/01 Python
python简单贪吃蛇开发
2019/01/28 Python
Pandas聚合运算和分组运算的实现示例
2019/10/17 Python
pytorch AvgPool2d函数使用详解
2020/01/03 Python
Python3实现建造者模式的示例代码
2020/06/28 Python
Win10环境中如何实现python2和python3并存
2020/07/20 Python
css3绘制天猫logo实现代码
2012/11/06 HTML / CSS
HTML5+CSS3实现拖放(Drag and Drop)示例
2014/07/07 HTML / CSS
Skyscanner台湾:全球知名的旅行比价引擎
2018/07/01 全球购物
FLOS美国官网:意大利高级照明工艺的传奇
2018/08/07 全球购物
Kipling澳洲官网:购买凯浦林包包
2020/12/17 全球购物
高中的职业生涯规划书
2013/12/28 职场文书
灰雀教学反思
2014/04/28 职场文书
民族学专业求职信
2014/07/28 职场文书
设备收款委托书范本
2014/10/02 职场文书
2014年幼儿园后勤工作总结
2014/11/10 职场文书
长城英文导游词
2015/01/30 职场文书
停发工资证明范本
2015/06/12 职场文书