网页点击全屏

2016-8-2 冷风 奇趣实用

<!DOCTYPE html> 
<html> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<body> 

<div style="margin:0 auto;height:600px;width:700px;"> 
<button id="btn">js控制页面的全屏展示和退出全屏显示</button> 
<div id="content" style="margin:0 auto;height:500px;width:700px; background:#ccc;" > 
<h1>js控制页面的全屏展示和退出全屏显示</h1> 
</div> 
</div> 
</body> 

<script language="JavaScript"> 
document.getElementById("btn").onclick=function(){ 
var elem = document.getElementById("content"); 
requestFullScreen(elem); 
}; 
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}"); 
} 
} 
} 
</script> 
</html>
更多

标签: 代码 全屏

发表评论:

Powered by emlog 鲁ICP备11021102号-1 sitemap 当前在线:2人