js控制浏览器全屏示例代码

 控制浏览器全屏的方法有很多,下面为大家介绍下js是如何做到的

 代码如下:
function fullScreen() { 
var el = document.documentElement; 
var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen; 
 
if (typeof rfs != "undefined" && rfs) { 
rfs.call(el); 
} else if (typeof window.ActiveXObject != "undefined") { 
// for Internet Explorer 
var wscript = new ActiveXObject("WScript.Shell"); 
if (wscript != null) { 
wscript.SendKeys("{F11}"); 


 

 
 

时间: 2024-09-20 00:07:24

js控制浏览器全屏示例代码的相关文章

js控制浏览器全屏示例代码_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)

javascript实现控制浏览器全屏

 这篇文章主要介绍了javascript实现控制浏览器全屏的代码分享给大家,十分的实用,有需要的小伙伴可以参考下.     功能很简单,代码也很简洁,这里就不多废话了 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 function fullScreen() { var el = document.documentElement, rfs = el.

JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件_javascript技巧

HTML 5中的full screen,目前可以在除IE和opera外的浏览器中使用 ,有的时候用来做全屏API,游戏呀,等都很有用.先看常见的API  element.requestFullScreen()  作用:请求某个元素element全屏 Document.getElementById("myCanvas").requestFullScreen()   这里是将其中的元素ID去请求fullscreen 退出全屏   document.cancelFullScreen() Do

javascript实现控制浏览器全屏_javascript技巧

功能很简单,代码也很简洁,这里就不多废话了 function fullScreen() { var el = document.documentElement, rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen, wscript; if(typeof rfs != "undefined" && rfs)

html5 js实现浏览器全屏

项目中需要将后台浏览器的窗口全屏,也就是我们点击一个按钮要实现按F11全屏的效果. 在HTML5中,W3C制定了关于全屏的API,就可以实现全屏幕的效果,也可以让页面中的图片,视频等全屏目前只有google chrome 15 +, safri5.1+,firfox10+,IE11支持 全屏 var docElm = document.documentElement; //W3C if (docElm.requestFullscreen) {     docElm.requestFullscre

利用js ActiveXObject浏览器全屏实现方法

利用js activexobject浏览器全屏实现方法 activexobject对象是启用并返回 automation 对象的引用.使用方法: newobj = new activexobject( servername.typename[, location]) activexobject 对象语法有这些部分:其中newobj是必选项.要赋值为 activexobject 的变量名. servername是必选项.提供该对象的应用程序的名称. typename是必选项.要创建的对象的类型或类

JS实现浏览器全屏和退出全屏

   测试环境:     [操作系统]: win7 64位     [IE]:IE9     [FireFox]: FireFox 29     [Chrome]: Chrome 34     众所周知,IE是个奇葩的浏览器,但是由于用户量很大,开发者还是不得不为IE考虑一下,于是,各种浏览器相关的操作,都要多一个特别的判断--专门针对IE浏览器的判断,这里的全屏也不例外.看代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 2

js div 顶部全屏广告代码

提示:您可以先修改部分代码再运行 提示:您可以先修改部分代码再运行

利用浏览器全屏api实现js全屏

这篇文章主要介绍了利用浏览器全屏api实现js全屏的代码示例,示例中使用了jquery,把这个库的地址改成自己的,大家参考使用吧 代码如下: (function () {  var fullScreenApi = {   supportsFullScreen : false,   isFullScreen : function () {    return false;   },   requestFullScreen : function () {},   cancelFullScreen :