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，其它浏览器，控制按钮的显示、隐藏来实现 适用各浏览器的全屏功能；
相关文章
打开超链需要“确认”对话框的方法...2007-03-03
这篇文章主要介绍了Python脚本后台运行的几种方式,linux下后台运行、通过upstart方式实现、通过bash脚本实现、通过screen、tmux等方式实现,需要的朋友可以参考下2015-03-03
种种语言都有它特别的地方，对于JavaScript来说，使用var就可以声明任意类型的变量，这门脚本语言看起来很简单，然而想要写出优雅的代码却是需要不断积累经验的,接下来介绍初学者应注意2012-12-12
javascript第一课...2007-02-02
HTTP状态代码以及定义（解释）...2007-02-02
这篇文章主要介绍了JavaScript中的sub()方法的使用,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
Ext JS 4从底层对类体系进行了重构，这是Ext JS历史上的第一次对类体系的巨大重构,需要的朋友可以参考下2012-12-12
许多人对JavaScript的原型及原型链仍感到困惑，网上的文章又大多长篇大论，令读者不明觉厉。我将用最简洁明了的文字介绍JavaScript的原型及原型链。2014-10-10
ASP小贴士/ASP Tips javascript tips可以当桌面
今天看到《ASP小贴士/ASP Tips》 我也去把JavaScript的tips 下下来了。 看看是A4的。 自己把他改成1024 * 768 刚好可以用来做桌面2009-12-12
本文详细讲解了Javascript的作用域、作用域链以及闭包，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-07-07
最新评论