首页 > 代码库 > js控制页面的全屏展示和退出全屏显示

js控制页面的全屏展示和退出全屏显示

<!DOCTYPE html><html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><body  ><button id="btn" >js控制页面的全屏展示和退出全屏显示</button><div id="content" style="height:500px;width:500px;background:#fff">  <h1>js控制页面的全屏展示和退出全屏显示</h1></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>

 

js控制页面的全屏展示和退出全屏显示