js实现各浏览器全屏代码实例
更新时间：2018年07月03日 08:43:45 作者：前端小狮
本篇文章给大家分享了js实现各浏览器全屏的详细代码，有兴趣的朋友可以参考学习下。
现代浏览器包括ie11，可以直接用h5的全屏api实现
低版本的IE需要通过ActiveX插件实现；
//直接上代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button onclick="fullScreen()">现代浏览器全屏</button>
<button onclick="exitScreen()">现代浏览器退出</button>
<button onclick="iefull()">低版本ie全屏</button>
</body>
<script src="js/jquery-2.1.1.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
//全屏
function fullScreen(){
var el = document.documentElement;
var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullscreen;
if(typeof rfs != "undefined" && rfs) {
rfs.call(el);
};
return;
}
//退出全屏
function exitScreen(){
if (document.exitFullscreen) {
document.exitFullscreen();
}
else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
}
else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
if(typeof cfs != "undefined" && cfs) {
cfs.call(el);
}
}
//ie低版本的全屏，退出全屏都这个方法
function iefull(){
var el = document.documentElement;
var rfs = el.msRequestFullScreen;
if(typeof window.ActiveXObject != "undefined") {
//这的方法 模拟f11键，使浏览器全屏
var wscript = new ActiveXObject("WScript.Shell");
if(wscript != null) {
wscript.SendKeys("{F11}");
}
}
}
//注：ie调用ActiveX控件，需要在ie浏览器安全设置里面把 ‘未标记为可安全执行脚本的ActiveX控件初始化并执行脚本' 设置为启用
</script>
</html>
注：实际应用中，可通过区分ie11 ie10，其它浏览器，控制按钮的显示、隐藏来实现 适用各浏览器的全屏功能；
相关文章
Javascript学习笔记之数组的遍历和 length 属性
我们一般用循环来遍历数组，而循环一直是 JavaScript 性能问题的常见来源，有时循环用得不好会严重降低代码的运行速度。数组的属性可以分为三种:length属性,索引属性,其他属性.和普通对象相比,数组对象特殊的地方就是它的length属性和索引属性。2014-11-11
JavaScript中this指向的处理是令大家普遍头疼的问题,这里我们举一个实例讲解JavaScript中的this指向错误解决方法,需要的朋友可以参考下2016-06-06
javascript 有三大经典的变量命名法：匈牙利命名法，驼峰式命名法和帕斯卡命名法。今天主要介绍下这三种命名方式。文中通过示例代码介绍的很详细，有需要的朋友可以参考借鉴，下面来一起看看吧。2017-02-02
这篇文章主要介绍了举例说明如何为JavaScript的方法参数设置默认值,参数默认值的设置是JS入门学习中的基础知识,需要的朋友可以参考下2015-11-11
JS特殊函数(Function()构造函数、函数直接量)区别介绍
函数是由这样的方式进行声明的：关键字 function、函数名、一组参数，以及置于括号中的待执行代码;Function()构造函数实际上是功能完整的对象2013-05-05
流程控制语句在JS中是至关重要的。JS中的流程控制语句包括if条件判断语句、for循环语句、while循环语句、do……while循环语句、break语句、continue语句和switch语句等7种语句,需要的朋友可以参考下2017-09-09
最近在看《JavaScript DOM 编程艺术》， 在此做下笔记。2009-02-02
返回指定范围的随机数(m-n之间)的公式 ，大家可以参考下。2009-11-11
好久没看Three.js源码了。今天天气不错，接着看;这次从光照部分看起：光照模型，从光线本身角度来看包括环境光、平行光、点光源，从物体表面材质角度看又包括漫反射和镜面反射,需要了解的朋友可以参考下2012-12-12
这篇文章主要介绍了JavaScript中的replace()方法使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
最新评论