实现浏览器全屏(兼容各种浏览器)
来源:互联网 发布:mac怎么清理qq缓存 编辑:程序博客网 时间:2024/06/05 22:50
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>全屏测试</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(function () {
$("#btn").click(function () {
if (screen.height == $(window).height() || screen.height - 1 == $(window).height()) {
exitFullscreen();
} else {
fullscreen();
}
});
$(window).resize(function () {
if (screen.height == $(window).height() || screen.height - 1 == $(window).height()) {
$("#btn").val('退出全屏');
} else {
$("#btn").val('全屏显示');
}
});
});
function fullscreen() {
if ($.browser.msie) {
try {
var WsShell = new ActiveXObject('WScript.Shell');
WsShell.SendKeys('{F11}');
return true;
}
catch (e) {
alert("该浏览器已禁用ActiveX控件的运行,若想继续使用此功能,请修改IE设置<br/>操作步骤:Internet选项 - 安全 - 自定义级别 - 对未标记为可安全执行脚本的ActiveX控件初始化并执行脚本 选为启用或提示(选提示安全一些)<br/>也可手动按F11实现全屏");
return false;
}
}
var docElm = document.documentElement;
if (docElm.requestFullscreen) {
docElm.requestFullscreen();
return true;
}
else if (docElm.mozRequestFullScreen) {
docElm.mozRequestFullScreen();
return true;
}
else if (docElm.webkitRequestFullScreen) {
docElm.webkitRequestFullScreen();
return true;
}
return false;
};
//退出全屏
function exitFullscreen() {
if ($.browser.msie) {
try {
var WsShell = new ActiveXObject('WScript.Shell');
WsShell.SendKeys('{F11}');
return true;
}
catch (e) {
//alert("该浏览器已禁用ActiveX控件的运行,若想继续使用此功能,请修改IE设置(Internet - 安全 将安全级别设置为低)");
alert("该浏览器已禁用ActiveX控件的运行,若想继续使用此功能,请修改IE设置<br/>操作步骤:Internet选项 - 安全 - 自定义级别 - 对未标记为可安全执行脚本的ActiveX控件初始化并执行脚本 选为启用或提示(选提示安全一些)<br/>也可手动按F11退出全屏");
return false;
}
}
if (document.exitFullscreen) {
document.exitFullscreen();
return true;
}
else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
return true;
}
else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
return true;
}
return false;
}
</script>
</head>
<body>
<div>
<input type="button" id="btn" value="全屏显示" />
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>全屏测试</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(function () {
$("#btn").click(function () {
if (screen.height == $(window).height() || screen.height - 1 == $(window).height()) {
exitFullscreen();
} else {
fullscreen();
}
});
$(window).resize(function () {
if (screen.height == $(window).height() || screen.height - 1 == $(window).height()) {
$("#btn").val('退出全屏');
} else {
$("#btn").val('全屏显示');
}
});
});
function fullscreen() {
if ($.browser.msie) {
try {
var WsShell = new ActiveXObject('WScript.Shell');
WsShell.SendKeys('{F11}');
return true;
}
catch (e) {
alert("该浏览器已禁用ActiveX控件的运行,若想继续使用此功能,请修改IE设置<br/>操作步骤:Internet选项 - 安全 - 自定义级别 - 对未标记为可安全执行脚本的ActiveX控件初始化并执行脚本 选为启用或提示(选提示安全一些)<br/>也可手动按F11实现全屏");
return false;
}
}
var docElm = document.documentElement;
if (docElm.requestFullscreen) {
docElm.requestFullscreen();
return true;
}
else if (docElm.mozRequestFullScreen) {
docElm.mozRequestFullScreen();
return true;
}
else if (docElm.webkitRequestFullScreen) {
docElm.webkitRequestFullScreen();
return true;
}
return false;
};
//退出全屏
function exitFullscreen() {
if ($.browser.msie) {
try {
var WsShell = new ActiveXObject('WScript.Shell');
WsShell.SendKeys('{F11}');
return true;
}
catch (e) {
//alert("该浏览器已禁用ActiveX控件的运行,若想继续使用此功能,请修改IE设置(Internet - 安全 将安全级别设置为低)");
alert("该浏览器已禁用ActiveX控件的运行,若想继续使用此功能,请修改IE设置<br/>操作步骤:Internet选项 - 安全 - 自定义级别 - 对未标记为可安全执行脚本的ActiveX控件初始化并执行脚本 选为启用或提示(选提示安全一些)<br/>也可手动按F11退出全屏");
return false;
}
}
if (document.exitFullscreen) {
document.exitFullscreen();
return true;
}
else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
return true;
}
else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
return true;
}
return false;
}
</script>
</head>
<body>
<div>
<input type="button" id="btn" value="全屏显示" />
</div>
</body>
</html>
0 0
- 实现浏览器全屏(兼容各种浏览器)
- ajax兼容各种浏览器
- CSS各种浏览器兼容
- ajax兼容各种浏览器
- 各种浏览器兼容知识
- CSS 各种浏览器兼容方案
- 浮动代码,兼容各种浏览器
- 浏览器的各种兼容【讨厌!】
- 文件下载兼容各种浏览器
- CSS实现背景透明,文字不透明(兼容各种浏览器)
- CSS 实现图片灰度效果 兼容各种浏览器
- CSS 实现图片灰度效果 兼容各种浏览器
- 实现浏览器全屏或其中元素全屏
- JS实现浏览器全屏和退出全屏
- Android4.1浏览器实现全屏
- Html5 Api 实现浏览器全屏
- 全屏浏览器
- 浏览器全屏
- BOJ407 Blocks
- Linux 下C语言简单实现线程池
- Linux下的Nginx安装(开机自启动)
- 队列实现 队列的链式结构实现
- 博弈论最小最大算法minmax
- 实现浏览器全屏(兼容各种浏览器)
- 发送短信
- 【Linux学习】Linux系统管理2—作业调度
- 排序算法之归并排序
- Java常用判断语句收集:switch字符串
- [leetcode] Convert Sorted Array to Binary Search Tree
- 静态链接
- 2014-07-15 lamp编译安装搞定
- rrrrrr