php让浏览器全屏,js实现各浏览器全屏代码

本篇文章给大家分享了js实现各浏览器全屏的详细代码，有兴趣的朋友可以参考学习下。

现代浏览器包括ie11，可以直接用h5的全屏api实现

低版本的IE需要通过ActiveX插件实现；

//直接上代码

现代浏览器全屏

现代浏览器退出

低版本ie全屏

//全屏

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控件初始化并执行脚本' 设置为启用

注：实际应用中，可通过区分ie11 ie10，其它浏览器，控制按钮的显示、隐藏来实现适用各浏览器的全屏功能；

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

php让浏览器全屏,js实现各浏览器全屏代码相关推荐

java 页签标题名的设置_javascript修改浏览器title方法 JS动态修改浏览器标题
title在html中属于特殊的节点元素.因为它可以使用document.getElementsByTagName("title")[0]来获取网页的title标签,但却无法用do ...
js判断IE浏览器（包括IE11）
做web开发的,因为众所周知的原因,经常需要区别IE及非IE浏览器.其实js判断IE浏览器的方法网上一搜一大把. 这里我要说的是一个用起来比较简单好记且使用的方法,记录如下. 之前,js判断的方式都是 ...
html判断是否为ie浏览器,js判断IE浏览器（包括IE11）
做web开发的,因为众所周知的原因,经常需要区别IE及非IE浏览器.其实js判断IE浏览器的方法网上一搜一大把. 这里我要说的是一个用起来比较简单好记且使用的方法,记录如下. 之前,js判断的方式都是 ...
关于pdf.js在IE浏览器二次刷新的报错，我有话说
首先要说的,IE浏览器简直是前端人的噩梦 ,每天一句辣鸡IE,下面我就把我大战IE三天的经历和大家一吐为快 1 梦开始项目中要使用pdf预览功能,当时我想:这个我熟阿,pdf.js绝对是首选技术,因 ...
python退出全屏_实现网页全屏和退出全屏JS代码，多浏览器兼容
js全屏和退出全屏代码|www.125jz.com 全屏显示退出全屏 function requestFullScreen(element) { // 判断各种浏览器,找到正确的方法 var req ...
js怎么让浏览器自动全屏显示
在HTML5中,W3C制定了关于全屏的API但是只能由用户事件触发,所以不能自动全屏:用户事件触发方法如下: // 判断各种浏览器,找到正确的方法进入全屏 function launchFulls ...
自动打开html网页脚本,开启网页全屏插件(自动开启网页全屏脚本js插件)
开启网页全屏插件(自动开启网页全屏脚本js插件)是由作者陈鹏杰分享的一个浏览器扩展插件.通过本脚本,用户在网页加载完4秒后,启动网页全屏.非常简单方便快捷! 脚本描述: 在以下网页开启网页全屏 b 站 ...
js实现全屏与退出全屏，解决F11进入全屏后退出全屏API方法失效（chrome）
js实现全屏与退出全屏,解决F11进入全屏后退出全屏API方法失效(chrome) 解决的问题谷歌浏览器F11全屏后,在页面中编写的全屏按钮失效解决方法 //判断是否是全屏状态 var isFul ...
jquery，js实现手机端全屏轮播图手动滑动+自动切换(autoplay)
jquery,js实现手机端全屏轮播图使用了swiper插件,可手动滑动切换也可自动切换效果图 css代码只是作为参考,可以根据你自己的需求去改,这里我用的是上下两张背景图,图自行修改 html ...

php让浏览器全屏,js实现各浏览器全屏代码

php让浏览器全屏,js实现各浏览器全屏代码相关推荐

最新文章

热门文章