js实现全屏

最新推荐文章于 2019-07-13 14:38:00 发布

weixin_30797199

最新推荐文章于 2019-07-13 14:38:00 发布

阅读量62

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yaoya/p/8350561.html

document.getElementById("btn").onclick=function(){
　　var elem = document.getElementById("content");
    requestFullScreen(elem);
    /*
     注意这里的样式的设置表示全屏显示之后的样式，
     退出全屏后样式还在，
     若要回到原来样式，需在退出全屏里把样式还原回去
     (见写法三)
     */
    elem.style.height = '800px';
    elem.style.width = '100%';
 };
 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}");
  　　   }
     }
 }