13Apr

用JavaScript实现网页全屏效果切换

时间: 2017-4-13 分类: 未分类 作者:

本人今天看到一个页面全屏化的功能,觉得很不错,以后可能用到,所以贴出来,让大家使用,转载的别人的代码,不喜勿喷,本人测试,非常好用,谢谢!

  1. function toggleFullScreen() {
  2. if (!document.fullscreenElement && // alternative standard method
  3. !document.mozFullScreenElement && !document.webkitFullscreenElement) {// current working methods
  4. if (document.documentElement.requestFullscreen) {
  5. document.documentElement.requestFullscreen();
  6. } else if (document.documentElement.mozRequestFullScreen) {
  7. document.documentElement.mozRequestFullScreen();
  8. } else if (document.documentElement.webkitRequestFullscreen) {
  9. document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
  10. }
  11. } else {
  12. if (document.cancelFullScreen) {
  13. document.cancelFullScreen();
  14. } else if (document.mozCancelFullScreen) {
  15. document.mozCancelFullScreen();
  16. } else if (document.webkitCancelFullScreen) {
  17. document.webkitCancelFullScreen();
  18. }
  19. }
  20. }

 

调用即可

<input value=“全屏” type=‘button’ onclick=‘toggleFullScreen();’ />

喜欢我们的文章请您与朋友分享:

除非特殊注明,本文版权归原作者所有,欢迎转载!转载请注明版权以及本文地址,谢谢。
转载保留版权:泰山个人博客 >> 用JavaScript实现网页全屏效果切换
本文地址:http://www.tais3.com/2017/1012.html + 复制链接

相关文章:

Comments

目前有 0 条精彩评论

  1. 还没有任何评论,你来说两句吧

Comments
发表评论

电子邮件地址不会被公开。 * 标记为必填选项

  • 正确格式为: http://www.tais3.com