javascript实现的控制浏览器全屏效果 [
点击F11键能够实现浏览器的全屏效果。
当然这个效果也是可以用js实现，下面就是相关代码，需要的朋友可以做一下参考。
代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="/" />
<title>实例</title>
<style>
div{
margin:0 auto;
height:600px;
width:700px;
}
#content{
margin:0 auto;
height:500px;
width:700px;
background:#ccc;
}
</style>
<script>
function requestFullScreen(element){
var requestMethod=element.requestFullScreen
|| element.webkitRequestFullScreen
|| element.mozRequestFullScreen
|| element.msRequestFullScreen;
if(requestMethod){
requestMethod.call(element);
}
else if (typeof window.ActiveXObject !== "undefined"){
var wscript = new ActiveXObject("WScript.Shell");
if (wscript !== null) {
wscript.SendKeys("{F11}");
}
}
}
window.onload=function(){
document.getElementById("btn").onclick=function(){
var elem = document.getElementById("content");
requestFullScreen(elem);
};
}
</script>
</head>
<body>
<div>
<button id="btn">查看效果</button>
<div id="content">
<h1>本站的地址是实例3</h1>
</div>
</div>
</body>
</html>
声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至201542412@QQ.com举报，一经查实，本站将立刻删除。
相关推荐
-
javascript实现的图片简单切换代码实例
图片切换功能很多都比较绚丽，当然有时候仅仅需要简单的每隔指定时间更换一下图片，下面就是一个这样的代码。代码如下: u
-
js如何实现清空浏览器缓存代码实例
本章节介绍一下如何清空浏览器缓存，需要的朋友可以做一下参考。关于浏览器缓存更多内容可以参阅关于浏览器缓存问题304响应状态简单介绍一章节。下面以验证码为例子做一下说明，验证码生成之后通常会在服务器缓存
-
JavaScript函数体代码
实际应用中，可能需要通过一个函数的名字来获取函数体。下面通过代码实例介绍一下如何实现此功能。代码实例如下：function func(,b){ vr num; rturn num=+b;}
-
点击实现隐藏元素本身代码实例
本章节分享一段代码实例，它实现了点击隐藏元素本身的效果。代码实例如下uth
-
点击按钮实现隐藏一个元素代码实例
本章节分享一段代码实例，它实现了点击一个按钮隐藏指定元素的功能。代码实例如下
