HTML5 JS 实现浏览器全屏(F11的效果)

最新推荐文章于 2023-12-28 16:24:15 发布

helloxielan

最新推荐文章于 2023-12-28 16:24:15 发布

阅读量200

点赞数

原文链接：http://www.cnblogs.com/zhongxia/p/5434730.html

版权

项目中有需要使用JS来控制浏览器全屏的方法
DEMO地址: http://zhongxia245.github.io/demo/js2fullpanel.html
 
  function 
  fullScreen() { 
 
  var 
  el = document.documentElement, 
 
  rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen, 
 
  wscript; 
 
  if 
  ( 
  typeof 
  rfs !=  
  "undefined" 
  && rfs) { 
 
  rfs.call(el); 
 
  return 
  ; 
 
  } 
 
  if 
  ( 
  typeof 
  window.ActiveXObject !=  
  "undefined" 
  ) { 
 
  wscript =  
  new 
  ActiveXObject( 
  "WScript.Shell" 
  ); 
 
  if 
  (wscript) { 
 
  wscript.SendKeys( 
  "{F11}" 
  ); 
 
  } 
 
  } 
 
  } 
 
  function 
  exitFullScreen() { 
 
  var 
  el = document, 
 
  cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen, 
 
  wscript; 
 
  if 
  ( 
  typeof 
  cfs !=  
  "undefined" 
  && cfs) { 
 
  cfs.call(el); 
 
  return 
  ; 
 
  } 
 
  if 
  ( 
  typeof 
  window.ActiveXObject !=  
  "undefined" 
  ) { 
 
  wscript =  
  new 
  ActiveXObject( 
  "WScript.Shell" 
  ); 
 
  if 
  (wscript !=  
  null 
  ) { 
 
  wscript.SendKeys( 
  "{F11}" 
  ); 
 
  } 
 
  } 
 
  }