现代浏览器包括ie11,可以直接用h5的全屏api实现
低版本的IE需要通过ActiveX插件实现;
//直接上代码
<!DOCTYPE html>
<html>
<head>
< charset="UTF-8">
< ></ >
</head>
<body>
<button ="fullScreen()">现代浏览器全屏</button>
<button ="exitScreen()">现代浏览器退出</button>
<button ="iefull()">低版本ie全屏</button>
</body>
< src="js/jquery-2.1.1.js" type="text/ " charset="utf-8"></ >
< type="text/ ">
//全屏
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.ActiveX != "undefined") {
//这的方法 模拟f11键,使浏览器全屏
var w = new ActiveX ("W .Shell");
if(w != null) {
w .SendKeys("{F11}");
}
}
}
//注:ie调用ActiveX控件,需要在ie浏览器安全设置里面把 ‘未标记为可安全执行脚本的ActiveX控件初始化并执行脚本' 设置为启用
</ >
</html>
注:实际应用中,可通过区分ie11 ie10,其它浏览器,控制按钮的显示、隐藏来实现 适用各浏览器的全屏功能;
继续阅读与本文标签相同的文章
-
有看头了!Showtime正将Uber故事拍成一部电视剧
2026-05-15栏目: 教程
-
卡死?你的BI速度慢吗?试试这个工具
2026-05-15栏目: 教程
-
印度电信运营商宣布使用爱立信设备建设5G核心网
2026-05-15栏目: 教程
-
微信这样发语音才能让人更喜欢听,看了这些,网友:还真的是!
2026-05-15栏目: 教程
-
任正非:6G或将10年内问世
2026-05-15栏目: 教程
