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，其它浏览器，控制按钮的显示、隐藏来实现适用各浏览器的全屏功能；

有问题可评论留言

js 实现各浏览器全屏相关推荐

php让浏览器全屏,js实现各浏览器全屏代码
本篇文章给大家分享了js实现各浏览器全屏的详细代码,有兴趣的朋友可以参考学习下. 现代浏览器包括ie11,可以直接用h5的全屏api实现低版本的IE需要通过ActiveX插件实现: //直接上代码 ...
js如何设置浏览器全屏效果？
现在很多网页游戏进入游戏界面后都是全屏显示的效果,很多人问我这个要怎么实现,其实这个只要调用Fullscreen API就可以实现了作为一个比较新的 API,目前只有 Safari.Chrome 和 ...
JS全屏代码，解决PDF.js在iframe中部分浏览器全屏功能错误
JS全屏代码,解决PDF.js在iframe中部分浏览器全屏功能错误 PDF.js在iframe模式在火狐浏览器中按钮被屏蔽经分析,viewer.js 发现了判断逻辑 debug发现第二个判断后为 ...
html5实现浏览器自动全屏,[JavaScript] 用html5 js实现浏览器全屏
项目中需要将后台浏览器的窗口全屏,也就是我们点击一个按钮要实现按F11全屏的效果. 在HTML5中,W3C制定了关于全屏的API,就可以实现全屏幕的效果,也可以让页面中的图片,视频等全屏目前只有g ...
Html5结合JS实现浏览器全屏功能
项目中需要将后台浏览器的窗口全屏,也就是我们点击一个按钮要实现按F11全屏的效果. 在HTML5中,W3C制定了关于全屏的API,就可以实现全屏幕的效果,也可以让页面中的图片,视频等全屏目前只有goo ...
用html5 js实现浏览器全屏
项目中需要将后台浏览器的窗口全屏,也就是我们点击一个按钮要实现按F11全屏的效果. 在HTML5中,W3C制定了关于全屏的API,就可以实现全屏幕的效果,也可以让页面中的图片,视频等全屏目前只有goo ...
js控制，监听浏览器全屏
//监听页面变化来监听按钮控制浏览器全屏window.addEventListener("resize",function(){});//判断是否全屏if (document.b ...
js 进入浏览器全屏（F11效果）、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式（全屏伪类）
各部分功能代码详见注释: <template><div><button v-if="!ifFullScreen" @click="fullS ...
js实现浏览器全屏与退出全屏，解决chrome下F11进入全屏后退出全屏API方法失效
1. 问题说明网页全屏和退出全屏其实已经算的上一个很常见的功能了,那是不是直接用HTML5全屏API就没什么问题了,但是不要忘了键盘上的F11有着同样的功能,实际使用的时候就发现F11使网页进入全屏 ...

js 实现各浏览器全屏

js 实现各浏览器全屏相关推荐

最新文章

热门文章