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;
typeof的用法if(typeof rfs != "undefined" && rfs) {
rfs.call(el);
};
return;
}
//退出全屏
function exitScreen(){
if (itFullscreen) {
}
else if (CancelFullScreen) {
}
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，其它浏览器，控制按钮的显⽰、隐藏来实现适⽤各浏览器的全屏功能；

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。